/* ============================================================
   ALQUICON — Tokens de diseño
   Paleta: carbón + papel + un solo acento agua.
   ============================================================ */

:root {
  /* --- Color --- */
  --ink:        #080B0D;
  --ink-1:      #0E1317;
  --ink-2:      #151C21;
  --ink-3:      #212B31;
  --line:       #2A353C;

  --paper:      #F5F6F4;
  --paper-2:    #E7EAE7;
  --mute:       #93A0A7;
  --mute-2:     #6C7A82;

  --aqua:       #1AC0C4;
  --aqua-1:     #0FA0A8;
  --aqua-deep:  #075E68;
  --aqua-glow:  rgba(26, 192, 196, .35);

  --sand:       #C8B294;

  --bg:         var(--ink);
  --fg:         var(--paper);

  /* --- Tipografía --- */
  --font-display: 'Archivo', 'Segoe UI', system-ui, sans-serif;
  --font-accent:  'Instrument Serif', Georgia, 'Times New Roman', serif;

  /* Escala fluida */
  --t-xs:   clamp(.68rem, .66rem + .1vw, .74rem);
  --t-sm:   clamp(.8rem, .78rem + .12vw, .875rem);
  --t-base: clamp(.95rem, .92rem + .2vw, 1.05rem);
  --t-lg:   clamp(1.05rem, 1rem + .35vw, 1.25rem);
  --t-xl:   clamp(1.3rem, 1.15rem + .7vw, 1.7rem);
  --t-2xl:  clamp(1.7rem, 1.4rem + 1.4vw, 2.6rem);
  --t-3xl:  clamp(2.2rem, 1.6rem + 2.7vw, 4rem);
  --t-4xl:  clamp(2.45rem, 1.6rem + 3.5vw, 5rem);
  --t-mega: clamp(3.4rem, 1.6rem + 7.6vw, 9rem);

  /* --- Espaciado --- */
  --gap:      clamp(1rem, .8rem + .8vw, 1.6rem);
  --pad-x:    clamp(1.15rem, .6rem + 2.6vw, 4.5rem);
  --section:  clamp(4.5rem, 3rem + 7vw, 9.5rem);
  --maxw:     1440px;
  --maxw-text: 68ch;

  /* --- Forma --- */
  --r-sm: 4px;
  --r:    10px;
  --r-lg: 18px;
  --r-pill: 999px;

  /* --- Sombra (contenida, sin abuso) --- */
  --shadow-1: 0 1px 2px rgba(0,0,0,.28);
  --shadow-2: 0 18px 40px -22px rgba(0,0,0,.72);
  --shadow-3: 0 40px 90px -40px rgba(0,0,0,.85);

  /* --- Movimiento --- */
  --ease:      cubic-bezier(.22, .61, .36, 1);
  --ease-out:  cubic-bezier(.16, 1, .3, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-1: .18s;
  --dur-2: .34s;
  --dur-3: .58s;
  --dur-4: .9s;

  --nav-h: 76px;
  --z-nav: 60;
  --z-cursor: 90;
  --z-float: 70;
  --z-modal: 100;
  --z-loader: 120;
}

@media (max-width: 720px) {
  :root { --nav-h: 64px; }
}