/* Colado verbatim de docs/style-guide.md §3 — não editar sem atualizar lá primeiro */
:root {
  --color-bg: #0B0F19;
  --color-surface: #111726;
  --color-surface-2: #161D30;
  --color-primary: #6366F1;
  --color-accent: #22D3EE;
  --color-on-primary: #FFFFFF;
  --color-on-dark: #FFFFFF;
  --text-heading: #FFFFFF;
  --text-body: #E2E8F0;
  --text-muted: #94A3B8;
  --color-border: #232B3E;
  --color-link: #22D3EE;
  --color-link-hover: #67E3F5;
  --color-focus: #22D3EE;
  --color-success: #34D399;
  --color-error: #F87171;
  --color-warning: #FBBF24;
  --color-info: #22D3EE;

  --gradient-brand: linear-gradient(90deg, #6366F1, #22D3EE);
  --gradient-glow: radial-gradient(60% 60% at 50% 40%, rgba(99,102,241,0.35), rgba(34,211,238,0) 70%);
}