/* Brand tokens — canonical: website/docs/bgteacher-colour-usage-guide.md */
:root {
  --color-brand-primary: #2f5d8a;
  --color-brand-strong: #23486b;
  --color-info-bg: #dce9f5;
  --color-success: #2f8f5b;
  --color-supportive: #7fa287;
  --color-warning: #d48a2f;
  --color-accent: #e6a84a;
  --color-error: #c94b4b;
  --color-bg-base: #f7f5f0;
  --color-surface: #ffffff;
  --color-text: #1f2a33;
  --color-text-muted: #66727d;
  --color-border: #d8e0e6;
  --shadow-rgb: 31, 42, 51;
  --font-sans: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --radius: 8px;
  --shadow: 0 1px 3px rgba(var(--shadow-rgb), 0.08);
}