:root {
  --blue: #145de8;
  --blue-deep: #0d48ba;
  --blue-black: #071c42;
  --forest: var(--blue);
  --forest-soft: var(--blue-deep);
  --ice: #e8effe;
  --mint: #e8effe;
  --pearl: #f4f6fa;
  --paper: #f4f6fa;
  --paper-2: #eef2f8;
  --card: #fff;
  --white: #fff;
  --ink: #131a26;
  --muted: #5b6675;
  --line: #e3e8f0;
  --green: #0f9d63;
  --green-soft: #e7f6ef;
  --red: #e0453a;
  --red-soft: #fcecea;
  --amber: #d9870a;
  --amber-soft: #fff4df;
  --blue-soft: #e8effe;
  --shadow: 0 1px 2px rgba(16,24,40,.04);
  --radius: 14px;
  --rail-width: 248px;
  --rail: 248px;
  --chart-ink: var(--ink);
  --chart-grid: rgba(19,26,38,.07);
  --chart-divider: #fff;
  --theme-nav: var(--white);
  --theme-nav-panel: var(--white);

  --surface-canvas: #f4f6fa;
  --surface-raised: #fff;
  --surface-soft: #eef2f8;
  --surface-hover: #f3f7ff;
  --surface-selected: #e8effe;
  --surface-overlay: rgba(7,28,66,.48);
  --text-primary: var(--ink);
  --text-secondary: var(--muted);
  --text-faint: #8a94a6;
  --text-inverse: #fff;
  --text-on-action: #fff;
  --border-subtle: var(--line);
  --border-strong: #cdd5e1;
  --action-primary: var(--blue);
  --action-hover: var(--blue-deep);
  --action-soft: var(--ice);
  --status-positive: var(--green);
  --status-negative: var(--red);
  --status-warning: var(--amber);
  --status-positive-soft: color-mix(in srgb,var(--green) 11%,var(--white));
  --status-negative-soft: color-mix(in srgb,var(--red) 9%,var(--white));
  --status-warning-soft: color-mix(in srgb,var(--amber) 11%,var(--white));
  --focus-ring: rgba(20,93,232,.28);
  --shadow-card: 0 1px 2px rgba(16,24,40,.04);
  --shadow-float: 0 12px 32px rgba(7,28,66,.14);
  --radius-control: 9px;
  --radius-card: 14px;
  --radius-layer: 14px;
  --control-height: 34px;
  --chart-series-1: var(--blue);
  --chart-series-2: color-mix(in srgb,var(--blue) 58%,var(--white));
  --chart-series-3: var(--amber);
  --chart-series-4: var(--green);
}

.app-rail,.rail { background: var(--theme-nav) !important; }
.app-nav__group-panel,.nav-settings-panel { background: var(--theme-nav-panel) !important; }
.panel,.kpi,.data-table td,.heat-table th:first-child,.heat-table td:first-child {
  border-color: var(--line);
  background-color: var(--surface-raised);
}
.filter-dock,.meta-chip {
  border-color: var(--line);
  background: var(--surface-raised);
}
.chart-grid { stroke: var(--line); }
.chart-axis-label,.chart-value,.chart-legend { fill: var(--muted); }
.chart-funnel-bar { fill: var(--blue); }