/* Decantador — design tokens. Palette + type from Manual_Decantador.pdf (canonical). */

/* Shipping type stack (brand-spec §21 sanctioned free faces, no Adobe license):
   Salo → Anton (condensed heavy grotesque, UPPERCASE)
   Neue Haas Grotesk Display Pro → Inter. */
/* Las caras viven en /css/fuentes.css, que la escribe `node scripts/fuentes.mjs`
   y que las paginas cargan con su propio <link>. Aca habia un @import a
   fonts.googleapis.com: le entregaba la IP de cada visitante a Google mientras
   /privacidad prometia que no hay terceros (Ley 29733). */

:root {
  /* ---- brand palette (exact, manual p14) ---- */
  --c-orange: #d0783f;   /* Naranja / terracotta — lead */
  --c-green:  #53825a;   /* Verde / sage — lead */
  --c-cream:  #f2ebd8;   /* Crema — complement / rest background */
  --c-black:  #000000;   /* Negro — headlines & body text */

  /* ---- surfaces / roles ---- */
  --bg:        var(--c-cream);   /* rest background = cream */
  --bg-paper:  var(--c-cream);
  --ink:       var(--c-black);   /* headlines & text = black */
  --ink-paper: var(--c-black);
  --muted:     #6f6a5c;          /* cream-toned neutral for secondary text */
  --line:      color-mix(in srgb, var(--c-black) 16%, transparent);

  --accent:    var(--c-orange);
  --accent-2:  var(--c-green);

  /* ---- type ---- */
  --font-display: "Anton", "Oswald", "Arial Narrow", sans-serif;   /* Salo → free face */
  --font-body:    "Inter", "Helvetica Neue", Arial, sans-serif;    /* Neue Haas → free face */
  --fs-hero: clamp(2.6rem, 9vw, 7rem);
  --fs-h2:   clamp(1.7rem, 4.5vw, 3rem);
  --fs-body: clamp(1rem, 1.6vw, 1.125rem);

  /* ---- spacing ---- */
  --pad: clamp(1.25rem, 5vw, 5rem);
  --maxw: 1200px;
  --measure: 620px;
  --gap: clamp(1rem, 3vw, 2.5rem);

  /* ---- motion (Emil curves; Sala de Despiece 0.2–0.5s functional feel) ---- */
  --ease-out:    cubic-bezier(0.23, 1, 0.32, 1);      /* enter / feedback */
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);     /* on-screen movement */
  --dur-press:   140ms;   /* button press feedback */
  --dur-hover:   200ms;   /* hover color/border */
  --dur-enter:   320ms;   /* section / stagger entrance */

  /* ---- CTA capsule badge (Bar Super device, Decantador palette) ---- */
  --badge-radius: 999px;
  --badge-pad:    .9rem 1.6rem;
  --badge-shadow: 4px 4px 0 var(--c-green);   /* flat, blurless hard offset */
}

/* ---------------------------------------------------------------------------
   Capa 2 — el mundo oscuro en el que vive el sitio.

   Estaba copiada dentro del <style> de las cinco plantillas, y el 13-09-2026 se
   midio que NO eran iguales: 404.html declaraba cuatro de los ocho. Eso ya
   cobraba —— /css/consentimiento.css pedia `var(--ground-2, #1b1917)` y en la 404
   el aviso de cookies pintaba el respaldo escrito a mano, no el token, sin que
   ninguna de las 31 comprobaciones del vigilante mirara ahi.

   Vive aca porque las cinco paginas ya cargan esta hoja con su propio <link>:
   no hace falta un sexto archivo. Lo vigila `scripts/prueba-tokens.mjs`, que se
   pone rojo si alguien vuelve a declarar uno de estos dentro de una plantilla.

   El unico que esta fuera y no se puede traer: `<meta name="theme-color">`, que
   es HTML y no acepta `var()`. Son seis copias de #111010 y esa sexta se queda.
   --------------------------------------------------------------------------- */
:root {
  --ground:   #111010;   /* el fondo de todo el sitio */
  --ground-2: #1b1917;   /* campos, medias, el aviso de cookies */
  --frame:    #0b0b0b;   /* el marco fijo `body::after` y el fondo de la pildora */
  --ink-a:    var(--c-cream);
  --hot:      var(--c-orange);
  --soft:     var(--c-green);
  /* sage reads 4.26:1 on this ground — lifted variants for text that must clear WCAG AA */
  --soft-text: color-mix(in srgb, var(--c-green) 80%, var(--c-cream));
  --soft-lift: color-mix(in srgb, var(--c-green) 60%, var(--c-cream));
  --head-h: clamp(88px, 13vh, 124px);
}