:root {
  --colour-bg: #ffffff;
  --colour-surface: #f8f9fc;
  --colour-border: #e4e7ef;
  --colour-primary: #2563eb;
  --colour-primary-hover: #1d4ed8;
  --colour-accent: #06b6d4;
  --colour-text: #111827;
  --colour-text-muted: #6b7280;
  --colour-success: #10b981;

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.04);
}