/* Colours match style.css. That file still restates them, so current screens keep their colours until one is migrated. */
:root {
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --font-12: 12px;
  --leading-12: 16px;
  --font-14: 14px;
  --leading-14: 20px;
  --font-16: 16px;
  --leading-16: 24px;
  --font-20: 20px;
  --leading-20: 28px;
  --font-28: 28px;
  --leading-28: 36px;
  --weight-400: 400;
  --weight-500: 500;
  --weight-600: 600;
  --radius-6: 6px;
  --radius-10: 10px;
  --radius-16: 16px;
  --shadow-card: 0 1px 2px rgba(16,26,42,.04), 0 6px 20px -10px rgba(16,26,42,.14);
  --shadow-overlay: 0 8px 24px rgba(16,26,42,.1);
  --duration-120: 120ms;
  --duration-200: 200ms;
  --duration-320: 320ms;
  --ease-standard: cubic-bezier(.2, .7, .2, 1);
  --ease-in-out: ease-in-out;
  --bg: #0f151e;
  --sidebar: #0c1119;
  --panel: #161d28;
  --panel2: #1b2431;
  --panel3: #202a38;
  --line: rgba(255,255,255,.075);
  --line-soft: rgba(255,255,255,.04);
  --text: #e8edf3;
  --text-secondary: #c3cdda;
  --muted: #8895a7;
  --muted-soft: #5f6b7d;
  --accent: #37b3a6;
  --accent-soft: rgba(55,179,166,.12);
  --red: #d38d88;
  --green: #5cc088;
  --amber: #c99a4a;
  --blue: #7c9fd6;
  --analytics-conversations: #448ac3;
  --analytics-bookings: #c88d3e;
  --dashboard-bookings: #d9a45d;
  --analytics-call-proposed: #7d6bb5;
  --donut-progress: #4c6678;
  --focus-ring: 2px solid var(--accent);
  --stage-dot-1: #5b91c9;
  --stage-dot-2: #cb9b47;
  --stage-dot-3: #5cb694;
  --stage-dot-4: #45b5aa;
  --stage-dot-5: #8a86d5;
  --stage-dot-6: #4db89f;
  --stage-dot-7: #8b96a3;
  --lead-verdict-maybe: #cba75c;
  --lead-temperature-warm: #b07b2c;
  --lead-temperature-warm-dark: #d6ad62;
  --lead-temperature-cold: #5b91c9;
}

[data-theme="light"] {
  --bg: #f4f6fa;
  --sidebar: #fff;
  --panel: #fff;
  --panel2: #eef1f6;
  --panel3: #e3e8ef;
  --line: rgba(16,26,42,.1);
  --line-soft: rgba(16,26,42,.055);
  --text: #151f2e;
  --text-secondary: #3b4a60;
  --muted: #647084;
  --muted-soft: #93a0b2;
  --accent: #1f9488;
  --accent-soft: rgba(31,148,136,.1);
  --red: #c85c56;
  --green: #2f9c68;
  --amber: #b9832f;
  --dashboard-bookings: #a66821;
  --blue: #4f7bc4;
  --donut-progress: #83a0b2;
}