/* Conecta Mob | Design tokens (fonte única de cores, tipo, espaço, raio e movimento).
   Gerado a partir do PDF institucional. Componentes e seções usam apenas estas variáveis. */

@font-face { font-family: "Figtree"; font-style: normal; font-weight: 300; font-display: swap; src: url("../fonts/figtree-latin-300-normal.woff2") format("woff2"); }
@font-face { font-family: "Figtree"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/figtree-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Figtree"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/figtree-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Figtree"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/figtree-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Figtree"; font-style: normal; font-weight: 800; font-display: swap; src: url("../fonts/figtree-latin-800-normal.woff2") format("woff2"); }

:root {
  /* Marca */
  --lime: #92e734;
  --green: #49cf94;
  --teal: #24c4c4;
  --cyan: #00b8f4;
  --grad: linear-gradient(90deg, #92e734 0%, #49cf94 50%, #00b8f4 100%);
  --grad-loop: linear-gradient(90deg, #92e734, #00b8f4, #92e734);

  /* Neutros (tema escuro único, por decisão da marca) */
  --bg: #000000;
  --surface: #0a0a0a;
  --surface-2: #141414;
  --line: #2a2a2e;
  --fg: #ffffff;
  --fg-soft: rgba(255, 255, 255, .78);
  --muted: #a2a2aa;
  --on-brand: #000000;
  --danger: #ff8a8a;
  --rec: #ff4d4d;

  /* Tipografia */
  --font: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-display: clamp(2.6rem, 8.6vw, 7rem);
  --fs-h2: clamp(2rem, 4.6vw, 3.6rem);
  --fs-h3: clamp(1.05rem, 1.5vw, 1.25rem);
  --fs-lead: clamp(1.05rem, 1.6vw, 1.3rem);
  --fs-body: 1.125rem;
  --fs-small: .92rem;

  /* Espaço (base 4px) e layout */
  --gutter: clamp(16px, 5vw, 72px);
  --container: 1440px;
  --sec-y: clamp(72px, 10vw, 136px);

  /* Raios */
  --r-sm: 14px;
  --r-md: 20px;
  --r-lg: 28px;
  --r-pill: 999px;

  /* Movimento: mesma curva e ritmo em todo o site */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --dur-fast: 180ms;
  --dur: 300ms;
  --dur-slow: 700ms;

  /* Camadas */
  --z-nav: 50;
  --z-ui: 3;

  color-scheme: dark;
}