/* Vector Company. Variáveis do sistema visual.
 *
 * As cores foram extraídas dos estilos computados do site publicado,
 * lidos direto do navegador. Não são aproximação.
 */

:root {
  /* ---------- fundos ---------- */
  --bg: #080c17;            /* fundo do documento */
  --bg-hero: #0b1325;       /* faixa do hero */
  --bg-section: #0b1121;    /* faixa escura alternativa */
  --bg-light: #ffffff;      /* seções invertidas */
  --panel: #1e293b;         /* card sobre fundo escuro */
  --panel-2: #16213a;
  --footer: #050810;        /* mais escuro que o corpo: o rodapé vira base */

  /* ---------- marca ---------- */
  --teal: #27d3b8;          /* cor de ação, botões e destaques */
  --teal-light: #6be5cc;    /* ícones e texto de apoio */
  --teal-dim: rgba(39, 211, 184, 0.28);
  --teal-glow: rgba(39, 211, 184, 0.45);

  /* do manual da marca, usadas no símbolo e nos gradientes */
  --brand-graphite: #2f353d;
  --brand-blue: #386c99;
  --brand-blue-light: #8bbcd2;

  /* ---------- texto ---------- */
  --ink: #ffffff;
  --ink-soft: #e2e8f0;
  --muted: #cbd5e1;
  --dim: #64748b;
  --ink-on-light: #0b1121;
  --muted-on-light: #475569;
  --line: rgba(148, 163, 184, 0.16);
  --line-light: #e2e8f0;
  --star: #eab308;

  /* ---------- tipografia ---------- */
  --font-display: 'Montserrat', system-ui, -apple-system, sans-serif;
  --font-body: 'Montserrat', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* ---------- espaçamento ---------- */
  --gap-xs: 0.5rem;
  --gap-sm: 0.9rem;
  --gap-md: 1.5rem;
  --gap-lg: 2.5rem;
  --gap-xl: 4rem;
  --section-y: clamp(3.5rem, 8vw, 6rem);
  --page-x: clamp(1.25rem, 5vw, 3rem);
  --maxw: 1200px;

  /* ---------- movimento ---------- */
  --dur-fast: 0.22s;
  --dur-mid: 0.45s;
  --dur-slow: 0.7s;
  --ease: cubic-bezier(0.2, 0.7, 0.3, 1);

  --radius: 12px;
  --radius-sm: 8px;
  --radius-pill: 100px;
}