/* Tokens copiados de design-system/tokens/*.css — no editar aquí sin actualizar el design system */
:root{
/* Carbón — fondos */
--carbon-950:#141110;--carbon-900:#1b1714;--carbon-850:#211c17;--carbon-800:#282219;--carbon-700:#37301f;
/* Dorado — acento de marca */
--dorado-200:#f0dca4;--dorado-300:#e8c877;--dorado-400:#d9a94e;--dorado-500:#c6902f;--dorado-600:#a87722;--dorado-700:#7d5715;
/* Crema — texto sobre oscuro / fondos claros de impresión */
--crema-50:#f8f2e4;--crema-100:#efe5d0;--crema-200:#e2d3b4;--crema-300:#d0bd97;--crema-400:#b3a07c;
/* Semánticos */
--exito:#8aab61;--alerta:#d9863b;--error:#c4553d;--info:#7f9cae;
/* Aliases semánticos */
--surface-page:var(--carbon-950);--surface-card:var(--carbon-900);--surface-raised:var(--carbon-850);--surface-inset:#0e0c0a;
--surface-print:var(--crema-50);
--text-heading:var(--crema-50);--text-body:#cfc2a8;--text-muted:#93876f;--text-on-accent:#1b1310;
--text-print:#2a251c;--text-print-muted:#6d6350;
--accent:var(--dorado-400);--accent-strong:var(--dorado-300);--accent-hover:var(--dorado-300);--accent-press:var(--dorado-500);
--border-subtle:rgba(217,169,78,.18);--border-strong:rgba(217,169,78,.42);--border-hairline:rgba(248,242,228,.08);
--link:var(--dorado-300);--link-hover:var(--dorado-200);
}
:root{
--font-script:'Kaushan Script',cursive;
--font-sans:'Archivo',system-ui,sans-serif;
/* Escala tipográfica */
--text-xs:12px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:21px;--text-xl:28px;--text-2xl:38px;--text-3xl:52px;--text-display:72px;
--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.55;
--tracking-wide:.14em;--tracking-caps:.22em;
/* Roles */
--type-eyebrow:600 var(--text-xs)/1 var(--font-sans);
--type-body:400 var(--text-base)/var(--leading-normal) var(--font-sans);
--type-heading:600 var(--text-xl)/var(--leading-tight) var(--font-sans);
--type-script:400 var(--text-2xl)/1.2 var(--font-script);
}
:root{
--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;
--container-max:1200px;--container-pad:var(--space-6);
}
:root{
/* Radios: marca de esquinas rectas; radios mínimos */
--radius-none:0;--radius-sm:2px;--radius-md:4px;--radius-pill:999px;
/* Sombras sobre fondo oscuro */
--shadow-card:0 1px 0 rgba(248,242,228,.04) inset,0 8px 24px rgba(0,0,0,.45);
--shadow-raised:0 16px 48px rgba(0,0,0,.6);
--shadow-glow:0 0 0 1px var(--border-subtle),0 4px 20px rgba(198,144,47,.15);
/* Transiciones */
--ease-out:cubic-bezier(.22,.61,.36,1);/* @kind other */--dur-fast:120ms;/* @kind other */--dur-base:200ms;/* @kind other */
}