/* ============================================================
   VIDHA · DESIGN TOKENS v2
   Identidad: editorial seria, paleta papel + granate cerámica.
   Tipografías: Spectral + Public Sans + JetBrains Mono.
   ============================================================ */

:root {
  /* ------ PALETA ------ */
  --paper:        #FAF7F1;   /* fondo principal — blanco roto papel */
  --paper-soft:   #F2EDE4;   /* sección alternativa */
  --paper-cool:   #EDE8DD;   /* tercera variación */
  --paper-dark:   #2A2520;   /* fondo invertido */
  
  --ink:          #1A1815;   /* texto principal — tinta negra cálida */
  --ink-soft:     #5C5852;   /* secundario */
  --ink-faint:    #8B8680;   /* metadatos, eyebrows */
  --ink-inverse:  #FAF7F1;   /* sobre fondo oscuro */
  
  --accent:       #7A3F38;   /* granate cerámica (color de marca) */
  --accent-deep:  #5C2F2A;   /* granate oscuro hover */
  --accent-soft:  #A65F55;   /* granate suave */
  --forest:       #3A5F4F;   /* verde forest sobrio (uso puntual) */
  
  --line:         #E5DFD5;   /* líneas suaves cálidas */
  --line-soft:    #EFE9DE;
  --line-dark:    #C9C3B8;
  --line-strong:  #2A2520;   /* filete editorial fuerte */
  
  /* ------ TIPOGRAFÍAS ------ */
  --font-display: 'Spectral', 'Source Serif Pro', Georgia, serif;
  --font-body:    'Public Sans', system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', monospace;
  
  /* ------ ESCALA TIPOGRÁFICA ------ */
  --text-xs:    0.75rem;     /* 12 — metadatos */
  --text-sm:    0.875rem;    /* 14 — UI fina */
  --text-base:  1rem;        /* 16 — cuerpo */
  --text-md:    1.0625rem;   /* 17 — cuerpo lectura */
  --text-lg:    1.25rem;     /* 20 — lead */
  --text-xl:    1.5rem;      /* 24 — h3 */
  --text-2xl:   2rem;        /* 32 — h2 */
  --text-3xl:   2.75rem;     /* 44 — h1 */
  --text-4xl:   3.75rem;     /* 60 — hero */
  --text-5xl:   5rem;        /* 80 — hero grande */
  
  /* ------ ALTURAS DE LÍNEA ------ */
  --leading-tight:  1.05;
  --leading-snug:   1.2;
  --leading-base:   1.55;
  --leading-relax:  1.7;
  
  /* ------ PESOS ------ */
  --weight-light:   300;
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-bold:    600;
  
  /* ------ ESPACIADO ------ */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  96px;
  --space-10: 128px;
  --space-11: 160px;
  
  /* ------ RADIOS ------ */
  --radius-sm:   2px;
  --radius-md:   4px;
  --radius-none: 0;
  
  /* ------ LAYOUT ------ */
  --container-narrow: 680px;
  --container-base:   1080px;
  --container-wide:   1280px;
  --container-full:   1440px;
  --content-padding:  clamp(20px, 4vw, 48px);
  
  /* ------ TIMINGS ------ */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:   cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fast: 180ms;
  --duration-base: 320ms;
  --duration-slow: 600ms;
}