/* ShiftFlow light theme tokens — source of truth for CSS variables */
:root {
  --primary-color: #c1121f;
  --primary-color-text: #ffffff;
  --background-color: #f8fafc;
  --text-color: #0f172a;
  --on-primary-color: #ffffff;
  --link-color: #669bbc;
  --border-color: #e2e8f0;
  --text-color-secondary: #64748b;
  --surface-ground: #f1f5f9;
  --surface-card: #ffffff;
  --surface-section: #f8fafc;
  --surface-border: #e2e8f0;
  --surface-hover: #f1f5f9;
  --sidebar-bg: var(--surface-ground);
  --header-bg: #ffffff;
  --header-border: var(--border-color);
  --color-success: #16a34a;
  --color-danger: #dc2626;
  --color-warning: #ca8a04;
  --color-info: #0ea5e9;
  --progress-track: #e2e8f0;
  --progress-value: var(--primary-color);
  --chart-text: #334155;
  --chart-subtext: #64748b;
  --chart-border: rgba(100, 116, 139, 0.35);
  --chart-grid: rgba(100, 116, 139, 0.15);
  --chart-tooltip-bg: rgba(15, 23, 42, 0.95);
  --chart-blue: #2563eb;
  --chart-cyan: #0891b2;
  --chart-emerald: #059669;
  --chart-amber: #d97706;
  --chart-danger: #dc2626;
  --chart-track: rgba(100, 116, 139, 0.2);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.05);
}