/* ==========================================================================
   GIGA+ · site público — tokens
   Fonte da marca: painel-web/MARCA.md (cobalto/coral/Manrope, princípio Soma).
   Paleta "Partitura": escuro para sentir (hero, cena, GIA, fecho),
   claro para acreditar (dor, passos, planos, prova, FAQ), branco puro no silêncio.
   ========================================================================== */

@font-face {
  font-family: "Manrope";
  src: url("../assets/fontes/Manrope.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

:root {
  color-scheme: light;

  /* Marca */
  --cobalto: #2e4bf2;
  --cobalto-profundo: #1e36c4;
  --cobalto-claro: #8da2ff;   /* cobalto legível sobre noite */
  --cobalto-palido: #c3cfff;
  --noite-gia: #14245f;
  --noite: #0a1030;           /* um degrau abaixo da Noite GIA: cinema */
  --noite-2: #0e183b;
  --coral: #ff6846;
  --coral-forte: #e95031;
  --coral-claro: #ff8a6e;
  --tinta: #111a38;
  --gelo: #eef1ff;
  --nevoa: #f4f6fb;
  --branco: #ffffff;

  /* Texto */
  --texto: #111a38;
  --texto-2: #4d5972;
  --texto-3: #5c6982;
  --texto-noite: #eef1ff;
  --texto-noite-2: #c0cbf0;
  --texto-noite-3: #96a4c1;

  /* Superfícies claras */
  --fundo: var(--nevoa);
  --superficie: #ffffff;
  --superficie-2: #f7f8fc;
  --borda: #e0e5f0;
  --borda-suave: #eaedf4;
  --borda-noite: rgb(238 241 255 / 0.14);
  --borda-noite-suave: rgb(238 241 255 / 0.08);

  /* Estado */
  --ok: #087f5b;
  --ok-claro: #55d9a7;
  --aviso: #946200;
  --aviso-claro: #f2c660;
  --erro: #c53649;
  --erro-claro: #ff8290;

  /* Tipo */
  --fonte: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --display: clamp(3.25rem, 7.6vw, 7.25rem);
  --h2: clamp(2.125rem, 4.6vw, 4rem);
  --h3: clamp(1.25rem, 1.8vw, 1.625rem);
  --lead: clamp(1.0625rem, 1.35vw, 1.375rem);
  --corpo: 1.0625rem;
  --micro: 0.8125rem;

  /* Ritmo */
  --wrap: 1320px;
  --pad-x: clamp(20px, 5vw, 72px);
  --sec-y: clamp(88px, 11vw, 168px);
  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 26px;
  --r-xl: 34px;
  --toque: 48px;

  /* Movimento — princípio Soma: convergir → novo estado */
  --curva: cubic-bezier(0.2, 0.7, 0.2, 1);
  --curva-saida: cubic-bezier(0.16, 1, 0.3, 1);
  --t-micro: 260ms var(--curva);
  --t-cena: 520ms var(--curva-saida);

  --sombra-1: 0 1px 2px rgb(17 26 56 / 0.04), 0 10px 30px rgb(17 26 56 / 0.05);
  --sombra-2: 0 6px 18px rgb(17 26 56 / 0.08), 0 32px 80px rgb(17 26 56 / 0.12);
  --sombra-noite: 0 24px 90px rgb(2 5 20 / 0.55);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --t-micro: 0ms linear;
    --t-cena: 0ms linear;
  }
}