/* Brand tokens — canonical: ../../Documentation/bgteacher-colour-usage-guide.md */
:root {
  /* §3 / §5 semantic palette */
  --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;
  /* Legacy name: dividers / input borders (maps to canonical border) */
  --color-soft-accent: var(--color-border);

  /* RGB components for rgba() in components */
  --shadow-rgb: 31, 42, 51;
  --rgb-brand: 47, 93, 138;
  --rgb-supportive: 127, 162, 135;
  --rgb-success: 47, 143, 91;
  --rgb-warning: 212, 138, 47;
  --rgb-error: 201, 75, 75;

  /* §6.7 soft alert / banner surfaces */
  --color-alert-error-bg: #fceeee;
  --color-alert-error-border: #e5b4b8;
  --color-alert-success-bg: #edf6f0;
  --color-alert-success-border: #b5d9c4;

  --font-sans: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --radius: 8px;
  --shadow: 0 1px 3px rgba(var(--shadow-rgb), 0.08);
}