/* shared/css/tokens.css — design tokens */
:root {
  /* Primary (overridden per-province via --primary/--primary-dark) */
  --primary: #1a6b3c;
  --primary-dark: #0d4a25;
  --primary-accent: #2d8f55;
  --primary-light: #e8f5ec;

  /* Semantic */
  --red: #dc2626; --red-bg: #fef2f2; --red-border: #fecaca; --red-ink: #991b1b;
  --orange: #ea580c;
  --amber: #ca8a04;
  --blue: #2563eb; --blue-bg: #eff6ff; --blue-ink: #1e40af; --blue-border: #93c5fd;
  --green: #16a34a; --green-bg: #dcfce7; --green-ink: #166534;
  --yellow-bg: #fef3c7; --yellow-ink: #92400e;

  /* Neutrals */
  --ink: #0f172a;
  --ink-2: #334155;
  --ink-3: #475569;
  --muted: #64748b;
  --muted-2: #94a3b8;
  --line: #e5e7eb;
  --line-2: #f1f5f9;
  --bg: #f7f8fa;
  --surface: #fff;

  /* Type scale */
  --fs-10: 10px; --fs-11: 11px; --fs-12: 12px; --fs-13: 13px; --fs-14: 14px;
  --fs-16: 16px; --fs-20: 20px; --fs-22: 22px; --fs-28: 28px; --fs-60: 60px;

  /* Spacing */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px;
  --s-6: 24px; --s-7: 32px;

  /* Radii */
  --r-sm: 6px; --r: 8px; --r-md: 10px; --r-lg: 12px; --r-xl: 14px;

  /* Shadows */
  --sh-sm: 0 2px 6px -2px rgba(15,23,42,0.08);
  --sh: 0 4px 14px -6px rgba(15,23,42,0.12);
  --sh-lg: 0 20px 50px -20px rgba(15,23,42,0.20);
}