/* Fonte canônica: docs/design-tokens.md — claro é o padrão, escuro é override via [data-theme="dark"] */
:root {
  --bg:#FFFFFF; --surface:#F5F5F5; --surface-2:#E5E5E5; --surface-3:#D0D0D0;
  --primary:#1E3DFF; --primary-soft:rgba(30,61,255,.10); --primary-bd:rgba(30,61,255,.30);
  --cta:#FF5A3C; --cta-hover:#FF7A5C;
  --text:#1A1A1A; --text-muted:#6B7280; --text-disabled:#9CA3AF;
  --bronze:#CD7F32; --prata:#B0B0B0; --ouro:#C5A059; --diamante:#6D28D9; --green:#16A34A;
  --shadow:0 10px 30px -8px rgba(0,0,0,.12);
}
:root[data-theme="dark"] {
  --bg:#0F172A; --surface:#1E293B; --surface-2:#334155; --surface-3:#475569;
  --primary:#5C54F0; --primary-soft:rgba(92,84,240,.14); --primary-bd:rgba(92,84,240,.40);
  --cta:#FF4F4F; --cta-hover:#FF6B6B;
  --text:#FFFFFF; --text-muted:#9CA3AF; --text-disabled:#4B5563;
  --bronze:#D9883F; --prata:#CBD5E1; --ouro:#FBBF24; --diamante:#A78BFA; --green:#34D399;
  --shadow:0 16px 40px -12px rgba(0,0,0,.55);
}