/* ─────────────────────────────────────────────────────────────
   Lashes Bar by Lichy · Design tokens
   Derivados del Manual de Marca v2.1. No inventar valores aquí:
   si algo falta, se corrige el manual y se versiona.
   ───────────────────────────────────────────────────────────── */

:root {
  /* Paleta — nombres semánticos, nunca literales */
  --ink:            #101310;   /* Tinta — verde casi negro */
  --surface-deep:   #1E241F;   /* Verde carbón — todos los fondos oscuros */
  --espresso:       #241B16;   /* Espresso — SOLO texto sobre papel */
  --stone:          #A9B0A2;   /* Piedra salvia — texto sobre oscuro */
  --surface-mid:    #6F5344;   /* Café */
  --accent-warm:    #B99677;   /* Latte */
  --surface-soft:   #EADFD1;   /* Crema */
  --surface:        #FAF6F0;   /* Lino — fondo por defecto */
  --accent-calm:    #5F6B54;   /* Salvia */
  --accent-gold:    #A98A4F;   /* Oro — SOLO filete, canto o foil */

  /* Roles de texto */
  --text:           var(--espresso);
  --text-muted:     var(--surface-mid);
  --text-faint:     var(--accent-warm);
  --text-on-deep:   var(--surface);
  --text-muted-on-deep: var(--stone);

  /* Líneas */
  --rule:           #E3D8C9;
  --rule-deep:      #2E362F;
  --rule-gold:      var(--accent-gold);

  /* Tipografía */
  --font-display: "Fraunces", "Times New Roman", serif;
  --font-body:    "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Escala — razón 1,25 · base 16 px */
  --t-micro: 0.8125rem;  /* 13 */
  --t-body:  1rem;       /* 16 */
  --t-lead:  1.25rem;    /* 20 */
  --t-h3:    1.5625rem;  /* 25 */
  --t-h2:    1.953rem;   /* 31 */
  --t-h1:    2.441rem;   /* 39 */
  --t-d2:    3.052rem;   /* 49 */
  --t-d1:    3.815rem;   /* 61 */

  --lh-tight: 1.08;
  --lh-snug:  1.28;
  --lh-body:  1.6;

  --track-wide:  0.22em;   /* versalitas */
  --track-logo:  0.52em;   /* firma BY LICHY */

  /* Ritmo de espacio — 4/8 */
  --s-1: 0.25rem;  --s-2: 0.5rem;   --s-3: 0.75rem;  --s-4: 1rem;
  --s-5: 1.5rem;   --s-6: 2rem;     --s-7: 3rem;     --s-8: 4rem;
  --s-9: 6rem;     --s-10: 8rem;    --s-11: 11rem;

  /* Contenedor */
  --gutter: clamp(1.25rem, 5vw, 5rem);
  --measure: 68ch;
  --max: 1560px;

  /* Motion — tokens unificados */
  --ease-out: cubic-bezier(.16,.84,.44,1);
  --ease-in:  cubic-bezier(.5,0,.9,.4);
  --dur-fast: 160ms;
  --dur:      260ms;
  --dur-slow: 420ms;

  /* Capas */
  --z-canvas: 0;
  --z-base:   10;
  --z-sticky: 40;
  --z-nav:    100;
  --z-modal:  1000;

  /* Radio y filete — la marca es de filete fino, no de esquinas blandas */
  --radius: 2px;
  --hair: 1px;
}

/* Los grandes titulares en Fraunces necesitan óptica de display */
@supports (font-variation-settings: normal) {
  :root { --fraunces-display: "opsz" 144, "SOFT" 0, "WONK" 0; }
}