/*
  Design tokens da identidade visual BP One Group, extraídos das referências
  em docs/design-system.md (fonte: app irmã "FullCommerce One", também
  Blazor + MudBlazor, mesma identidade de marca).
*/

:root {
  --brand-primary: #4f46e5;
  --brand-secondary: #274690;
  --brand-accent: #38bdf8;
  --brand-highlight: #60a5fa;
  --brand-surface: #eef4ff;
  --text-primary: #243b6b;
  --text-secondary: #7285ae;
  --text-muted: #8b9bc0;
  --font-family-base: 'Ubuntu', system-ui, -apple-system, sans-serif;
}

html.dark-theme {
  --brand-primary: #60a5fa;
  --brand-secondary: #c7d2fe;
  --brand-accent: #38bdf8;
  --brand-highlight: #93c5fd;
  --brand-surface: #10172a;
  --text-primary: #e8efff;
  --text-secondary: #b3c1e2;
  --text-muted: #8ea2cb;
}

body {
  font-family: var(--font-family-base);
  color: var(--text-primary);
}