:root {
  --color-primary: #5e6ad2;
  --color-primary-hover: #4f59c4;
  --color-primary-focus: #5e69d1;
  --color-on-primary: #ffffff;
  --color-canvas: #ffffff;
  --color-surface-1: #f6f7f7;
  --color-surface-2: #f5f6f6;
  --color-surface-3: #f1f2f2;
  --color-surface-4: #eceeee;
  --color-border: #ebebeb;
  --color-border-strong: #d8dadd;
  --color-text: #000000;
  --color-text-muted: #34343a;
  --color-text-subtle: #62666d;

  --color-success: #1f8536;
  --color-success-bg: #e3f4ec;
  --color-warning: #a76514;
  --color-warning-bg: #fff0dc;
  --color-danger: #c85c55;
  --color-danger-bg: #fdecea;
  --color-info: #5774bd;
  --color-info-bg: #eaf0ff;

  --color-status-new: #bd6533;
  --color-status-new-bg: #fff0e7;
  --color-status-assigned: #5774bd;
  --color-status-assigned-bg: #eaf0ff;
  --color-status-in-progress: #50711a;
  --color-status-in-progress-bg: #effbd6;
  --color-status-quoted: #7656ac;
  --color-status-quoted-bg: #f2ebff;
  --color-status-closed: #6d7772;
  --color-status-closed-bg: #edf0ee;
  --color-status-cancelled: #a3433d;
  --color-status-cancelled-bg: #fdecea;

  --color-priority-low: #7a9a8e;
  --color-priority-medium: #b9891f;
  --color-priority-high: #c66e3a;
  --color-priority-urgent: #c85c55;

  --focus-ring: 0 0 0 3px rgba(94, 106, 210, 0.28);

  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 9999px;

  --shadow-card: 0 10px 35px rgba(20, 22, 30, 0.05);
  --shadow-panel: -30px 0 70px rgba(10, 12, 20, 0.14);

  color-scheme: light dark;
}

:root[data-theme="dark"] {
  --color-primary: #5e6ad2;
  --color-primary-hover: #828fff;
  --color-primary-focus: #5e69d1;
  --color-on-primary: #ffffff;
  --color-canvas: #010102;
  --color-surface-1: #0f1011;
  --color-surface-2: #141516;
  --color-surface-3: #18191a;
  --color-surface-4: #191a1b;
  --color-border: #23252a;
  --color-border-strong: #34343a;
  --color-text: #f7f8f8;
  --color-text-muted: #d0d6e0;
  --color-text-subtle: #8a8f98;

  --color-success: #3ecf6a;
  --color-success-bg: #123320;
  --color-warning: #e3a53d;
  --color-warning-bg: #3a2a12;
  --color-danger: #e0736c;
  --color-danger-bg: #3a1e1c;
  --color-info: #8fa4e8;
  --color-info-bg: #1b2440;

  --color-status-new: #e3a56c;
  --color-status-new-bg: #3a2a1c;
  --color-status-assigned: #8fa4e8;
  --color-status-assigned-bg: #1b2440;
  --color-status-in-progress: #a9d66b;
  --color-status-in-progress-bg: #1f2e14;
  --color-status-quoted: #b79ee6;
  --color-status-quoted-bg: #2a2140;
  --color-status-closed: #a7adb0;
  --color-status-closed-bg: #232526;
  --color-status-cancelled: #e0918c;
  --color-status-cancelled-bg: #3a1e1c;

  --color-priority-low: #8faea3;
  --color-priority-medium: #e3c161;
  --color-priority-high: #f0ab7e;
  --color-priority-urgent: #e0736c;

  --shadow-card: 0 10px 35px rgba(0, 0, 0, 0.32);
  --shadow-panel: -30px 0 70px rgba(0, 0, 0, 0.5);
}