/* ============================================================
   tokens.css — Solo variables de diseño. No selectores de layout.
   Dirección estética: "Expediente de ingeniería"
   ============================================================ */

:root{
  /* Color — papel de obra + tinta + azul de plano (del logo) */
  --paper:        #EDE6D8;   /* fondo principal, papel ligeramente tibio */
  --paper-2:      #E2DACA;   /* franjas alternas, más sombra de papel */
  --ink:          #1A1A18;   /* tinta principal */
  --ink-muted:    #57534A;   /* texto secundario */
  --rule:         #C4B8A4;   /* reglas y separadores, trazo de pluma seca */
  --rule-strong:  #8A7E6A;
  --accent:       #1D4E82;   /* azul de plano, del logo */
  --accent-ink:   #FFFFFF;
  --accent-soft:  #E3EAF2;   /* rellenos tenues sobre papel */
  --white:        #FFFFFF;

  /* Tipografía — dos familias claramente distintas */
  --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-body:    "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Escala modular ~1.25 */
  --text-xs:   0.75rem;      /* 12px  folio / metadatos */
  --text-sm:   0.875rem;     /* 14px  datos */
  --text-base: 1.0625rem;    /* 17px  cuerpo */
  --text-lg:   1.25rem;      /* 20px  subtítulos */
  --text-xl:   1.5625rem;    /* 25px  secciones secundarias */
  --text-2xl:  clamp(1.75rem, 3vw, 2.25rem);  /* h2 */
  --text-3xl:  clamp(2.4rem, 5vw, 3.6rem);    /* h1 hero */
  --text-fig:  clamp(4rem, 9vw, 6.5rem);      /* cifra firma del hero */

  /* Espaciado */
  --space-1:  0.5rem;
  --space-2:  1rem;
  --space-3:  1.5rem;
  --space-4:  2rem;
  --space-5:  3rem;
  --space-6:  4.5rem;
  --space-7:  6rem;

  /* Layout */
  --wrap: 1080px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --line-height-body: 1.65;
  --line-height-tight: 1.12;
  --measure: 62ch;

  /* Bordes */
  --radius-sm: 3px;
  --radius:    6px;

  /* Interacción */
  --focus-ring: 2px solid var(--accent);
  --focus-offset: 2px;
  --ease: cubic-bezier(.2,.6,.2,1);
  --dur: 180ms;
}

@media (prefers-color-scheme: dark){
  :root{
    --paper:       #17160F;
    --paper-2:     #201F17;
    --ink:         #ECEAE1;
    --ink-muted:   #A39C8D;
    --rule:        #3E3A2F;
    --rule-strong: #5C5647;
    --accent:      #7FA6CF;
    --accent-ink:  #0D1B2A;
    --accent-soft: #1E2C40;
    --white:       #201F17;
  }
}