/* =====================================================================
   Kuen — Design tokens · GENERADO por tools/sync-figma.mjs — no editar a mano
   Archivo: Kuen (Dev) · versión 2407598446691618747 · modificado 2026-10-07T12:41:11Z
   Cargar ANTES de components.css.
   ===================================================================== */

:root {
  /* Color · paint styles */
  --k-background: #f7f5e4;  /* Background */
  --k-background-100: #f7f7f7;  /* Background/100 */
  --k-background-300: #ffffff;  /* Background/300 */
  --k-basic-dark-000000: #000000;  /* Basic / Dark - #000000 */
  --k-error: #d10317;  /* Error */
  --k-error-100: #e65562;  /* Error/100 */
  --k-error-200: #eb2a3a;  /* Error/200 */
  --k-neutral: #151316;  /* Neutral */
  --k-neutral-100: #e1e0e3;  /* Neutral/100 */
  --k-neutral-200: #c7c5cc;  /* Neutral/200 */
  --k-neutral-400: #94929d;  /* Neutral/400 */
  --k-neutral-600: #69667b;  /* Neutral/600 */
  --k-neutral-800: #39354c;  /* Neutral/800 */
  --k-neutral-lg: #f5f5f5;  /* Neutral/lg */
  --k-primary: #602584;  /* Primary */
  --k-primary-10: #ede8ee;  /* Primary/10 */
  --k-primary-100: #d1cded;  /* Primary/100 */
  --k-primary-600: #5258a4;  /* Primary/600 */
  --k-primary-800: #411a5b;  /* Primary/800 */
  --k-primary-gradient: linear-gradient(137deg, #5457a6 0%, #612585 100%);  /* Primary_Gradient */
  --k-secondary: #06b569;  /* Secondary */
  --k-secondary-10: rgba(8,217,126,0.1);  /* Secondary/10 */
  --k-secondary-100: #d4f8e8;  /* Secondary/100 */
  --k-secondary-200: #3fc98d;  /* Secondary/200 */
  --k-secondary-400: #05cf77;  /* Secondary/400 */
  --k-secondary-500: #327061;  /* Secondary/500 */
  --k-secondary-gradient: linear-gradient(306deg, #05cf77 0%, #62ffdf 100%);  /* Secondary_Gradient */
  --k-secondary-gradientdark: linear-gradient(315deg, #02a75f 0%, #06ea87 100%);  /* Secondary_GradientDark */
  --k-success: #1fc16b;  /* Success */
  --k-yellow: #dfb400;  /* Yellow */

  /* Tipografía · text styles */
  --k-font-b-1: 500 18px/22px 'Inter', sans-serif;  /* B-1 */
  --k-font-b-2: 700 16px/22px 'Inter', sans-serif;  /* B-2 · letter-spacing -0.25px */
  --k-font-b-3: 400 14px/18px 'Inter', sans-serif;  /* B-3 */
  --k-font-b-4: 400 12px/16px 'Inter', sans-serif;  /* B-4 */
  --k-font-b-4-b: 700 12px/18px 'Inter', sans-serif;  /* B-4_B */
  --k-font-b-5: 400 10px/15px 'Inter', sans-serif;  /* B-5 */
  --k-font-b-6: 400 8px/15px 'Inter', sans-serif;  /* B-6 */
  --k-font-h-1: 700 68px/102px 'Inter', sans-serif;  /* H-1 */
  --k-font-h-2: 700 56px/84px 'Inter', sans-serif;  /* H-2 */
  --k-font-h-3: 700 46px/69px 'Inter', sans-serif;  /* H-3 */
  --k-font-h-4: 700 38px/57px 'Inter', sans-serif;  /* H-4 */
  --k-font-h-5: 800 32px/40px 'Nunito', sans-serif;  /* H-5 · letter-spacing -0.5px */
  --k-font-h-6: 800 26px/32px 'Nunito', sans-serif;  /* H-6 · letter-spacing -0.5px */
  --k-font-h-7: 800 22px/33px 'Nunito', sans-serif;  /* H-7 */

  /* Radius / stroke (frames Radius System y Stroke System) */
  --k-radius-none: 0px; --k-radius-1: 2px; --k-radius-2: 4px; --k-radius-3: 6px; --k-radius-4: 8px;
  --k-radius-5: 10px; --k-radius-6: 12px; --k-radius-7: 16px; --k-radius-full: 999px;
  --k-stroke-0: 1px; --k-stroke-1: 2px; --k-stroke-2: 4px; --k-stroke-3: 6px;

  /* Sombras observadas en componentes */
  --k-shadow-focus: 0px 0px 0px 2px rgba(91,81,154,0.25);
  --k-shadow-card-soft: 0px 0px 10px 0px rgba(0,0,0,0.05);
  --k-shadow-card: 0px 0px 10px 0px rgba(0,0,0,0.25);
  --k-shadow-navbar: 0px -4px 4px 0px rgba(0,0,0,0.05);

  --k-image-placeholder: url('assets/avatar-sample.png');
}

.k-text-b-1 { font: var(--k-font-b-1); }
.k-text-b-2 { font: var(--k-font-b-2); letter-spacing: -0.25px; }
.k-text-b-3 { font: var(--k-font-b-3); }
.k-text-b-4 { font: var(--k-font-b-4); }
.k-text-b-4-b { font: var(--k-font-b-4-b); }
.k-text-b-5 { font: var(--k-font-b-5); }
.k-text-b-6 { font: var(--k-font-b-6); }
.k-text-h-1 { font: var(--k-font-h-1); }
.k-text-h-2 { font: var(--k-font-h-2); }
.k-text-h-3 { font: var(--k-font-h-3); }
.k-text-h-4 { font: var(--k-font-h-4); }
.k-text-h-5 { font: var(--k-font-h-5); letter-spacing: -0.5px; }
.k-text-h-6 { font: var(--k-font-h-6); letter-spacing: -0.5px; }
.k-text-h-7 { font: var(--k-font-h-7); }

/* Base que asume components.css (comportamiento de nodos Figma) */
[class^='k-'], [class*=' k-'] { box-sizing: border-box; position: relative; flex-shrink: 0; margin: 0; }