/*  ============================================================
    KaiDoc Sistema C — Design Tokens
    ----------------------------------------------------------------
    Fuente de verdad: STYLEGUIDE.md §3, §4, §5, §6, §7, §13
    Cualquier divergencia se resuelve actualizando código (no docs).
    ============================================================ */

:root {

  /* ------------------------------------------------------------
     §3 COLOR
     ------------------------------------------------------------ */

  /* 3.1 Paleta primaria (única) */
  --kd-navy:           #0A1972;
  --kd-base:           #060D3A;
  --kd-purple:         #C33AFC;
  --kd-blue:           #0F2EFA;
  --kd-cyan:           #A4F0FE;

  /* 3.2 Neutros sobre dark */
  --kd-text:           #E8F0FF;
  --kd-text-muted:     rgba(232, 240, 255, 0.62);
  --kd-text-dim:       rgba(232, 240, 255, 0.38);
  --kd-line:           rgba(164, 240, 254, 0.12);
  --kd-line-strong:    rgba(164, 240, 254, 0.22);
  --kd-grid:           rgba(164, 240, 254, 0.04);

  /* 3.3 Neutros sobre light */
  --kd-paper:          #F4F6FB;
  --kd-paper-pure:     #FFFFFF;
  --kd-ink:            #0A1972;
  --kd-ink-muted:      rgba(10, 25, 114, 0.62);

  /* 3.4 Estados semánticos (uso muy controlado) */
  --kd-success:        #21D07A;
  --kd-warning:        #F5A623;
  --kd-danger:         #FF4757;


  /* ------------------------------------------------------------
     §4 TIPOGRAFÍA (solo variables; @font-face vive en kd-base.css)
     ------------------------------------------------------------ */

  /* 4.2 Stack fallback */
  --kd-font:           'Neo Sans Std', 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

  /* 4.4 Mono (única excepción a "una sola fuente") */
  --kd-font-mono:      'IBM Plex Mono', 'JetBrains Mono', ui-monospace, monospace;

  /* 4.3 Escala tipográfica
     Las clamp() ya cubren mobile/desktop; un solo token responde a ambos. */
  --kd-text-hero:      clamp(2rem, 5.5vw, 4.5rem);
  --kd-text-h2:        clamp(1.75rem, 3.5vw, 3rem);
  --kd-text-h3:        1.5rem;
  --kd-text-body-lg:   1.125rem;
  --kd-text-body:      1rem;
  --kd-text-small:     0.875rem;
  --kd-text-eyebrow:   0.75rem;
  --kd-text-mono:      0.875rem;


  /* ------------------------------------------------------------
     §5 ESPACIADO (base 4px)
     ------------------------------------------------------------ */
  --kd-space-1:        4px;
  --kd-space-2:        8px;
  --kd-space-3:        12px;
  --kd-space-4:        16px;
  --kd-space-5:        24px;
  --kd-space-6:        32px;
  --kd-space-8:        48px;
  --kd-space-10:       64px;
  --kd-space-12:       96px;
  --kd-space-16:       128px;


  /* ------------------------------------------------------------
     §6 RADIOS
     ------------------------------------------------------------ */
  --kd-radius-sm:      6px;
  --kd-radius-md:      12px;
  --kd-radius-lg:      20px;
  --kd-radius-pill:    999px;


  /* ------------------------------------------------------------
     §7 SOMBRAS (uso restringido; principalmente sobre light)
     ------------------------------------------------------------ */
  --kd-shadow-sm:      0 1px 2px rgba(10, 25, 114, 0.08);
  --kd-shadow-md:      0 4px 16px rgba(10, 25, 114, 0.12);
  --kd-shadow-glow:    0 0 80px rgba(195, 58, 252, 0.18);


  /* ------------------------------------------------------------
     §13 MOTION
     ------------------------------------------------------------ */
  --kd-ease:           cubic-bezier(0.16, 1, 0.3, 1);
  --kd-duration-fast:  160ms;
  --kd-duration-base:  240ms;
  --kd-duration-slow:  480ms;
}