:root {
  color-scheme: dark;

  --bg: #0d0f12;
  --bg-elev: #14171c;
  --surface: #1a1e24;
  --surface-glass: rgba(26, 30, 36, 0.6);
  --border: #262b33;
  --border-forte: #343b46;
  --text: #e8eaed;
  --text-dim: #9aa0a8;

  /* Marca (PASSO 0). Único lugar onde o hex aparece */
  --accent: #7C9CD6;
  --accent-escura: #375385;
  --accent-soft: rgba(124, 156, 214, 0.12);
  --accent-brilho: rgba(124, 156, 214, 0.35);

  --success: #2ecc71;
  --success-soft: rgba(46, 204, 113, 0.12);
  --aviso: #f0b429;
  --aviso-soft: rgba(240, 180, 41, 0.12);
  --perigo: #ef5350;
  --perigo-soft: rgba(239, 83, 80, 0.12);
  --veu: rgba(5, 6, 10, 0.72);
  --texto-sobre-marca: #fff;

  /* Aparelho do mockup */
  --aparelho-claro: #2a2f38;
  --aparelho-escuro: #12151a;
  --aparelho-meio: #20252d;
  --aparelho-borda: #05060a;
  --aparelho-ilha: #000;

  /* Tipografia */
  --font: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-titulo: "Sora", "Inter", sans-serif;
  --fs-xs: 12px; --fs-sm: 13px; --fs-base: 15px;
  --fs-lg: 16px; --fs-xl: 20px; --fs-2xl: 26px;

  /* Espaço */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px;
  --sp-4: 16px; --sp-5: 24px; --sp-6: 32px;
  --sp-7: 48px; --sp-8: 72px; --sp-9: 112px;

  /* Raio e sombra (Padrao_Box_Card vence em nome e valor, decisão no LASTRO) */
  --raio-sm: 8px;
  --raio: 12px;
  --raio-lg: 18px;
  --raio-full: 9999px;
  --sombra-sm: 0 2px 8px rgba(0, 0, 0, 0.28);
  --sombra: 0 12px 32px rgba(0, 0, 0, 0.42);

  /* Efeitos */
  --blur: blur(18px) saturate(160%);
  --mola: cubic-bezier(0.34, 1.56, 0.64, 1);
  --suave: cubic-bezier(0.22, 1, 0.36, 1);
  --transicao: border-color 0.25s var(--suave), box-shadow 0.25s var(--suave), transform 0.35s var(--mola);

  --largura: 1140px;
  --nav-h: 56px;
}