/* ==========================================================================
   TOKENS — identidade Atlântic (azul #000142 + branco) em linguagem editorial
   ========================================================================== */

:root {
  /* Cor */
  --navy: #000142;
  --navy-2: #0a0f63;
  --ink: #00011c;
  --paper: #f3f1ec;
  --paper-2: #e9e5dc;
  --white: #ffffff;
  --steel: #a9b5e0;

  /* Tipografia */
  --font: 'Manrope', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --fs-mega: clamp(2.3rem, 0.6rem + 6vmin, 6.6rem);
  --fs-xl: clamp(2rem, 0.55rem + 4.8vmin, 5.2rem);
  --fs-h1: clamp(1.9rem, 0.5rem + 4.1vmin, 4.4rem);
  --fs-h3: clamp(1.02rem, 0.7rem + 0.85vmin, 1.4rem);
  --fs-lead: clamp(1.06rem, 0.72rem + 0.95vmin, 1.5rem);
  --fs-body: clamp(0.94rem, 0.7rem + 0.55vmin, 1.14rem);
  --fs-small: clamp(0.8rem, 0.66rem + 0.3vmin, 0.95rem);
  --fs-label: clamp(0.66rem, 0.6rem + 0.14vmin, 0.76rem);

  /* Espaço */
  --pad-x: clamp(20px, 5.4vw, 108px);
  --pad-top: clamp(84px, 12.5vh, 132px);
  --pad-bottom: clamp(104px, 13.5vh, 140px);
  --gap-y: clamp(20px, 3.8vh, 48px);
  --gap-x: clamp(20px, 2.6vw, 48px);
  --max: 1720px;

  /* Movimento */
  --ease: cubic-bezier(.4, 0, .2, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --t-in: 560ms;
  --t-out: 380ms;

  /* Áreas seguras */
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-t: env(safe-area-inset-top, 0px);
}

/* Temas das telas */
.t-dark {
  --bg: var(--navy);
  --fg: #ffffff;
  --fg-2: rgba(255, 255, 255, .74);
  --fg-3: rgba(255, 255, 255, .5);
  --line: rgba(255, 255, 255, .16);
  --line-strong: rgba(255, 255, 255, .42);
  --accent: var(--steel);
  --grid-c: rgba(255, 255, 255, .045);
}
.t-ink {
  --bg: var(--ink);
  --fg: #ffffff;
  --fg-2: rgba(255, 255, 255, .72);
  --fg-3: rgba(255, 255, 255, .48);
  --line: rgba(255, 255, 255, .14);
  --line-strong: rgba(255, 255, 255, .4);
  --accent: var(--steel);
  --grid-c: rgba(255, 255, 255, .04);
}
.t-light {
  --bg: var(--paper);
  --fg: var(--navy);
  --fg-2: rgba(0, 1, 66, .74);
  --fg-3: rgba(0, 1, 66, .5);
  --line: rgba(0, 1, 66, .14);
  --line-strong: rgba(0, 1, 66, .5);
  --accent: #2b3aa8;
  --grid-c: rgba(0, 1, 66, .05);
}

@media (max-width: 767px) {
  :root {
    --fs-mega: clamp(2.2rem, 1.2rem + 4.6vw, 3rem);
    --fs-xl: clamp(1.9rem, 1.1rem + 4vw, 2.6rem);
    --fs-h1: clamp(1.75rem, 1.05rem + 3.6vw, 2.3rem);
    --fs-h3: 1.06rem;
    --fs-lead: 1.08rem;
    --fs-body: 0.98rem;
    --fs-small: 0.86rem;
    --fs-label: 0.68rem;
    --pad-x: 20px;
    --pad-top: calc(84px + var(--safe-t));
    --pad-bottom: calc(118px + var(--safe-b));
    --gap-y: 28px;
  }
}