:root {
  color-scheme:light;
  --color-canvas:#f1f4f8;
  --color-bg:var(--color-canvas);
  --color-surface:#ffffff;
  --color-surface-muted:#f7f9fc;
  --color-surface-strong:#eef2f7;
  --color-border:#d9e0e9;
  --color-border-strong:#bac5d3;
  --color-text:#152033;
  --color-text-muted:#647084;
  --color-sidebar:#0b1739;
  --color-sidebar-panel:#13264f;
  --color-sidebar-text:#f8fafc;
  --color-sidebar-muted:#9eacc8;
  --color-sidebar-border:rgba(255,255,255,.10);
  --color-sidebar-backdrop:rgba(7,15,36,.58);
  --color-overlay:rgba(15,23,42,.42);
  --color-primary:#2457d6;
  --color-primary-hover:#1c46b4;
  --color-primary-soft:#eaf0ff;
  --color-secondary:#0f8b8d;
  --color-secondary-soft:#e9f7f6;
  --color-healthy:#0f8b8d;
  --color-healthy-soft:#e9f7f6;
  --color-success:var(--color-healthy);
  --color-success-soft:var(--color-healthy-soft);
  --color-success-text:#0b5f62;
  --color-warning:#a15c00;
  --color-warning-soft:#fff5df;
  --color-blocker:#b42318;
  --color-danger:var(--color-blocker);
  --color-danger-soft:#fff0ee;
  --color-border-subtle:#e7ecf2;
  --color-surface-tint:#eef3ff;
  --color-surface-success:#eff9f6;
  --color-surface-success-hover:#dff5e8;
  --color-surface-warning:#fff7e8;
  --color-surface-danger:#fff3f1;
  --color-success-border:#b7dfcd;
  --color-warning-border:#efd49f;
  --color-danger-border:#efc0bc;
  --color-series-visits:#2563eb;
  --color-series-clicks:#0f766e;
  --color-series-impressions:#b45309;
  --color-series-actions:#7c3aed;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-7:32px;
  --space-8:40px;
  --topbar-height:84px;
  --shadow-overlay:0 18px 48px rgba(15,23,42,.18);
  --radius-sm:10px;
  --radius-md:12px;
  --radius-lg:14px;
  --shadow-surface:0 1px 3px rgba(15,23,42,.08),0 1px 2px rgba(15,23,42,.04);
  --shadow-raised:0 16px 36px rgba(15,23,42,.16);
  --focus-ring:#2457d6;
  --sidebar-width:264px;
  --content-max:1480px;
}