@charset "UTF-8";
/* =========================================================================================
   SANTO PECADO SMASHBURGER · pagina.css
   Fichero: web/estilos/pagina.css        Tarea: F2-T02 (esqueleto + motor de scroll)
   -----------------------------------------------------------------------------------------
   DOS CAPAS:
     1. TEMA DEL MOTOR — los tokens --sc-* que lee scrollcraft.css se mapean a la marca
        (tokens.css). El engine NO se edita: se tematiza (regla de la skill scrollcraft).
     2. ANDAMIO DEL ESQUELETO — **RETIRADO** (2026-10-11): el bloque F2 de las 11 secciones
        cerró y las clases .esq-* se eliminaron de este fichero (ya no existen en el DOM).
     ========================================================================================= */

/* =========================================================================================
   1 · TEMA DEL MOTOR (scrollcraft → marca)
   Se sobrescriben tras scrollcraft.css; todo referencia tokens de tokens.css.
   ========================================================================================= */
:root {
  /* --- color (MARCA §2.1 / BRIEF §9: sobre negro, tinta blanca o mostaza) --------------- */
  --sc-canvas: var(--sp-negro);            /* Negro Santo, fondo base */
  --sc-surface: var(--sp-negro-humo);      /* superficie elevada #242322 */
  --sc-ink: var(--sp-blanco);              /* 21:1 */
  --sc-ink-soft: color-mix(in oklab, var(--sp-blanco) 72%, transparent);
                                           /* tinta secundaria de PÁRRAFO: blanco al 72 %
                                              (≈ 9:1 sobre negro, apto texto normal; el
                                              gris humo de marca queda para texto grande) */
  --sc-accent: var(--sp-mostaza);          /* Mostaza Pecado, acento único */
  --sc-accent-ink: var(--sp-negro);        /* tinta sobre mostaza: 11,41:1 */

  /* --- tipografía: la jerarquía real de la marca (MARCA §3 / BRIEF §9) ------------------- */
  --sc-font-display: var(--fuente-display);  /* Alfa Slab One · titulares de acto */
  --sc-font-text: var(--fuente-texto);       /* Josefin Sans · texto */
  --sc-font-mono: var(--fuente-rotulo);      /* Kanit · rótulos (.sc-label va en mayúsculas) */

  /* --- escala tipográfica del sistema (tokens.css §6) ------------------------------------ */
  --sc-t-xs: var(--fs-small);
  --sc-t-sm: var(--fs-small);
  --sc-t-base: var(--fs-p);
  --sc-t-lg: var(--fs-h5);                 /* lede */
  --sc-t-xl: var(--fs-h3);
  --sc-t-2xl: var(--fs-h2);
  --sc-t-3xl: var(--fs-h1);
  --sc-t-4xl: var(--fs-display);

  /* --- medidas y radios del sistema ------------------------------------------------------- */
  --sc-section: var(--esp-seccion);
  --sc-gutter: var(--esp-pagina-x);
  --sc-maxw: var(--ancho-contenedor);
  --sc-measure: var(--ancho-max-texto);
  --sc-r-sm: var(--radio-sm);
  --sc-r-md: var(--radio-md);
  --sc-r-lg: var(--radio-lg);
  --sc-r-pill: var(--radio-pill);
}