/* ============================================================
   SGL GLOBAL — Design tokens
   Dirección "Carta Náutica": papel de carta marina (bone) + tinta,
   acento latón/ámbar (sextante, atardecer) y teal marino apagado.
   Editorial + industrial. Cero neón, cero glow, cero glass.
   ============================================================ */
:root {
  /* -- Papel (secciones claras, mundo de superficie) -- */
  --paper:      #ece4d5;   /* bone de carta náutica */
  --paper-hi:   #f2ebde;   /* papel iluminado */
  --paper-2:    #e4dac6;   /* panel un punto más hondo */
  --paper-3:    #d7cbb2;   /* borde de panel / sello */

  /* -- Tinta (texto sobre papel) -- */
  --ink:        #16201f;   /* tinta principal, negro cálido marino */
  --ink-soft:   #3a4744;   /* secundario */
  --ink-mute:   #6d7a75;   /* terciario / anotaciones mono */
  --ink-faint:  #9aa49d;   /* muy tenue */

  /* -- Abismo (secciones oscuras: film, fundador, cierre, footer) -- */
  --abyss:      #0a1315;   /* fondo marino profundo, casi negro */
  --deep:       #0e1c1e;   /* aguas profundas */
  --deep-2:     #12262a;   /* panel sobre abismo */
  --deep-line:  rgba(210, 226, 220, 0.14);
  --deep-line-2:rgba(210, 226, 220, 0.28);

  /* -- Texto sobre abismo -- */
  --bone:       #ece4d5;   /* texto principal en oscuro (mismo papel) */
  --bone-soft:  #b3bcb4;   /* secundario en oscuro */
  --bone-mute:  #7f8a83;   /* terciario en oscuro */

  /* -- Acentos -- */
  --brass:      #bf8a3c;   /* latón / ámbar — acento cálido primario */
  --brass-hi:   #d8a24f;   /* latón claro (sobre oscuro) */
  --brass-deep: #99691f;   /* latón hover / texto sobre papel */
  --marine:     #2c5c5c;   /* teal marino apagado — acento frío secundario */
  --marine-hi:  #4d8482;   /* teal sobre oscuro */

  /* -- Reglas / superficies -- */
  --rule:       rgba(22, 32, 31, 0.16);   /* pelo sobre papel */
  --rule-2:     rgba(22, 32, 31, 0.32);   /* pelo marcado sobre papel */
  --rule-ink:   rgba(22, 32, 31, 0.55);

  /* -- Tipografía -- */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body:    "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* Escala tipográfica (fluida) */
  --fs-mega:  clamp(2.9rem, 8vw, 6.6rem);
  --fs-h1:    clamp(2.1rem, 5vw, 4rem);
  --fs-h2:    clamp(1.85rem, 3.6vw, 2.9rem);
  --fs-h3:    clamp(1.3rem, 2vw, 1.7rem);
  --fs-lead:  clamp(1.08rem, 1.4vw, 1.32rem);
  --fs-body:  1.02rem;
  --fs-sm:    0.9rem;
  --fs-mono:  0.74rem;    /* anotaciones / kickers en mono */

  /* -- Espaciado / forma -- */
  --sp-section: clamp(5rem, 11vw, 9.5rem);
  --radius:     4px;      /* forma impresa, nada de pills */
  --radius-sm:  3px;
  --container:  1220px;
  --measure:    68ch;

  --ease:     cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}