/* A&K Digital — tokens.css
   Fusión de los tokens de resend-DESIGN.md, linear-DESIGN.md y authkit-DESIGN.md (vault: memoria/2026/10/referencias-diseno-ak-digital/).
   Se copia la disciplina (escala, radios, espacios, bordes en vez de sombras), NO sus colores, fuentes de pago, nombres ni imágenes.
   Paleta A&K: negro puro, platino, y UN solo acento: la luz platino. Sin azul, violeta ni lima.
   La luz (foco, degradado de título, rejilla) vive SOLO en la portada: tokens --light-*.
   Fuentes con licencia libre (OFL 1.1): Inter, JetBrains Mono, Instrument Serif. Se sirven desde /fonts. */

@font-face{font-family:"Inter";src:url("../fonts/inter-latin-wght-normal.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("../fonts/jetbrains-mono-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("../fonts/instrument-serif-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("../fonts/instrument-serif-latin-400-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}

:root{
  /* Color — superficies (Resend: lienzo #000 y bordes hairline en vez de sombras) */
  --color-void:#000000;                         /* lienzo de toda la página */
  --color-glass:rgba(242,242,240,.03);          /* tarjeta: cristal casi invisible (Authkit) */
  --color-glass-hover:rgba(242,242,240,.06);
  --color-hair:rgba(242,242,240,.12);           /* borde 1 px platino al 12 % */
  --color-hair-strong:rgba(242,242,240,.24);    /* foco / hover de bordes */

  /* Color — texto: escala platino #f2f2f0 → #9a9a96 (reparte jerarquía de Linear y Resend) */
  --color-text-1:#e6e5e2;                       /* títulos */
  --color-text-2:#cfcecb;                       /* cuerpo */
  --color-text-3:#aeadaa;                       /* secundario */
  --color-text-4:#8f8e8b;                       /* ayudas / metadatos */

  /* Color — acento ÚNICO: luz platino */
  --color-light:#ecebe8;
  --color-light-glow:rgba(242,242,240,.55);

  /* Luz — SOLO PORTADA (Authkit adaptado a platino) */
  --light-title-gradient:linear-gradient(180deg,#fbfbf9 0%,#a9a9a4 100%);
  --light-halo:conic-gradient(from 180deg at 50% -6%,transparent 44%,rgba(242,242,240,.10) 48.6%,rgba(242,242,240,.26) 50%,rgba(242,242,240,.10) 51.4%,transparent 56%);
  --light-grid-line:rgba(242,242,240,.05);
  --light-grid-size:96px;

  /* Tipografía — familias libres */
  --font-sans:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
  --font-serif:"Instrument Serif",Georgia,"Times New Roman",serif;   /* titular editorial, opcional */

  /* Tipografía — pesos (Linear: banda baja; sin negritas) */
  --weight-regular:400;
  --weight-medium:510;

  /* Tipografía — escala (mínimo 12 px; mezcla de Linear y Resend) */
  --text-caption:12px;   --leading-caption:1.4;
  --text-body-sm:14px;   --leading-body-sm:1.5;
  --text-body:16px;      --leading-body:1.5;
  --text-lead:20px;      --leading-lead:1.33;
  --text-h4:24px;        --leading-h4:1.33;
  --text-h3:32px;        --leading-h3:1.13;
  --text-h2:48px;        --leading-h2:1;
  --text-h1:64px;        --leading-h1:1;
  --text-display:96px;   --leading-display:1;

  /* Tipografía — tracking (apretado en títulos) */
  --tracking-body-sm:-0.011em;
  --tracking-h4:-0.012em;
  --tracking-h3:-0.022em;
  --tracking-h2:-0.03em;
  --tracking-h1:-0.035em;
  --tracking-display:-0.04em;
  --tracking-eyebrow:0.12em;

  /* Espacios — base 4 px; escalera 8/12/24/96 */
  --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;
  --section-gap:96px;
  --card-padding:24px;
  --element-gap:8px;
  --page-max:1200px;

  /* Radios: 6 / 12 / 16 */
  --radius-sm:6px;     /* botones, entradas, etiquetas */
  --radius-md:12px;    /* tarjetas */
  --radius-lg:16px;    /* paneles grandes */

  /* Bordes en vez de sombras */
  --border:1px solid var(--color-hair);
  --border-strong:1px solid var(--color-hair-strong);
  --shadow-none:none;

  /* Movimiento */
  --ease-out:cubic-bezier(.23,1,.32,1);
  --duration-fast:150ms;
  --duration-base:240ms;
}

@theme{
  --color-void:#000000;
  --color-glass:rgba(242,242,240,.03);
  --color-hair:rgba(242,242,240,.12);
  --color-hair-strong:rgba(242,242,240,.24);
  --color-text-1:#e6e5e2;
  --color-text-2:#cfcecb;
  --color-text-3:#aeadaa;
  --color-text-4:#8f8e8b;
  --color-light:#ecebe8;
  --font-sans:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
  --font-serif:"Instrument Serif",Georgia,"Times New Roman",serif;
  --text-caption:12px;
  --text-body-sm:14px;
  --text-body:16px;
  --text-lead:20px;
  --text-h4:24px;
  --text-h3:32px;
  --text-h2:48px;
  --text-h1:64px;
  --text-display:96px;
  --spacing-2:8px;
  --spacing-3:12px;
  --spacing-5:24px;
  --spacing-9:96px;
  --radius-sm:6px;
  --radius-md:12px;
  --radius-lg:16px;
}