:root {
  --blue: #244394;
  --blue-dark: #172d67;
  --blue-deep: #101e4a;
  --blue-soft: #eef3ff;
  --red: #f72f2f;
  --red-dark: #c52222;
  --green: #16794a;
  --amber: #9a6700;
  --purple: #6d3fc0;
  --page: #f4f6fa;
  --surface: #fff;
  --border: #d9e0ec;
  --control-border: #8993a4;
  --control-border-hover: #667085;
  --focus: #3f68d8;
  --text: #172033;
  --muted: #667085;
  --soft: #667085;
  --radius: 16px;
  --radius-control: 10px;
  --radius-small: 8px;
  --shadow-compact: 0 1px 2px rgba(16, 30, 74, .06);
  --shadow-window: 0 1px 2px rgba(16, 30, 74, .06), 0 12px 32px rgba(16, 30, 74, .045);
  --shadow: var(--shadow-compact);
  --font: Inter, "Segoe UI", Tahoma, Arial, sans-serif;

  --chart-series-1: #244394;
  --chart-series-2: #5277c3;
  --chart-series-3: #16805a;
  --chart-series-4: #d38600;
  --chart-series-5: #7a55bd;
  --chart-series-6: #b84c63;
  --chart-series-7: #3a7f99;
  --chart-series-8: #6b7280;
  --chart-primary: #244394;
  --chart-secondary: #5277c3;
  --chart-success: #16794a;
  --chart-warning: #9a6700;
  --chart-accent: #6d3fc0;
  --chart-muted: #667085;
  --chart-danger: #c52222;
  --chart-critical: #f72f2f;
  --chart-grid: #edf0f4;
  --chart-axis: #59657a;
  --chart-legend: #455269;

  /* Service workflow tokens keep ticket presentation replaceable without
     coupling its semantics to a specific component or chart palette. */
  --service-line: #d9e0ec;
  --service-subtle: #f8fafc;
  --service-highlight: #eef3ff;
  --service-internal-bg: #fff9e9;
  --service-internal-line: #d8b75d;
  --ticket-new-bg: #eaf2ff;
  --ticket-new-text: #1656a5;
  --ticket-assigned-bg: #eef3ff;
  --ticket-assigned-text: #244394;
  --ticket-progress-bg: #e7f6ff;
  --ticket-progress-text: #075985;
  --ticket-waiting-bg: #fff8e1;
  --ticket-waiting-text: #765000;
  --ticket-resolved-bg: #ecfdf3;
  --ticket-resolved-text: #12683e;
  --ticket-closed-bg: #eef1f5;
  --ticket-closed-text: #3f4a5a;
  --ticket-cancelled-bg: #fff1f1;
  --ticket-cancelled-text: #8d1d1d;
}