/* BECS colour tokens — base brand values + semantic aliases (source: becs-hub src/styles.css) */
:root {
  --brand-purple: #2b287e;
  --brand-navy: #2d2a5f;
  --brand-lime: #8dc63f;
  --brand-slate: #9ba9b6;
  --brand-cream: #f4f7e9;
  --brand-lavender: #9b98d8;
  --brand-indigo-soft: oklch(0.381 0.13 278);
  --brand-deep-end: oklch(0.27 0.08 283);
  --brand-deep: var(--brand-navy);
  --brand-indigo: var(--brand-purple);
  --background: oklch(0.985 0.004 250);
  --foreground: var(--brand-navy);
  --card: oklch(1 0 0);
  --card-foreground: var(--brand-navy);
  --popover: oklch(1 0 0);
  --popover-foreground: var(--brand-navy);
  --primary: var(--brand-purple);
  --primary-foreground: oklch(1 0 0);
  --secondary: var(--brand-cream);
  --secondary-foreground: var(--brand-purple);
  --muted: var(--brand-cream);
  --muted-foreground: oklch(0.55 0.03 250);
  --accent: var(--brand-lime);
  --accent-foreground: var(--brand-navy);
  --destructive: oklch(0.586 0.2 25);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.922 0.01 273.3);
  --input: oklch(0.922 0.01 273.3);
  --ring: var(--brand-purple);
  --chart-1: var(--brand-purple);
  --chart-2: var(--brand-lime);
  --chart-3: var(--brand-slate);
  --chart-4: oklch(0.85 0.167 125);
  --chart-5: var(--brand-navy);
  --sidebar: var(--brand-navy);
  --sidebar-foreground: oklch(0.93 0.008 273);
  --sidebar-primary: var(--brand-lime);
  --sidebar-primary-foreground: var(--brand-navy);
  --sidebar-accent: var(--brand-indigo-soft);
  --sidebar-accent-foreground: oklch(1 0 0);
  --sidebar-border: var(--brand-indigo-soft);
  --sidebar-ring: var(--brand-lime);
  --tint-lime-10: #8dc63f1a;
  --tint-lime-20: #8dc63f33;
  --tint-lime-50: #8dc63f80;
  --tint-purple-10: #2b287e1a;
  --tint-purple-30: #2b287e4d;
  --tint-slate-10: #9ba9b61a;
  --tint-slate-40: #9ba9b666;
  --tint-destructive-10: #d936391a;
  --tint-destructive-40: #d9363966;
  --surface-deep: linear-gradient(155deg, var(--brand-purple) 0%, var(--brand-navy) 60%, var(--brand-deep-end) 100%);
  --text-body: var(--foreground);
  --text-muted: var(--muted-foreground);
  --surface-page: var(--background);
  --surface-card: var(--card);
}