:root {
  color-scheme: light;

  --cad-page: #f4f4f2;
  --cad-surface: #ffffff;
  --cad-surface-subtle: #f8f8f6;
  --cad-surface-muted: #eeeeea;
  --cad-surface-inverse: #050505;

  --cad-text: #050505;
  --cad-text-muted: #5f5f5a;
  --cad-text-soft: #8a8a82;
  --cad-text-disabled: #a7a79f;
  --cad-text-inverse: #ffffff;

  --cad-border: #deded8;
  --cad-border-strong: #b8b8af;
  --cad-border-heavy: #050505;
  --cad-focus: #050505;

  --cad-action: #050505;
  --cad-action-hover: #242421;
  --cad-action-subtle: #f1f1ed;

  --cad-source-gsc: #2563eb;
  --cad-source-ga4: #168a4a;
  --cad-source-conversion: #4f46e5;
  --cad-chart-comparison: #9ca3af;
  --cad-chart-grid: #e5e5df;
  --cad-chart-axis: #76766f;

  --cad-success-bg: #f1f7f0;
  --cad-success-border: #bed4b9;
  --cad-success-text: #24582b;
  --cad-warning-bg: #fbf8ed;
  --cad-warning-border: #e3d39d;
  --cad-warning-text: #6a5416;
  --cad-error-bg: #fbf4f2;
  --cad-error-border: #e5beb7;
  --cad-error-text: #8a241b;
  --cad-info-bg: #f1f5fb;
  --cad-info-border: #c7d4e8;
  --cad-info-text: #1f4c7c;

  --cad-font-sans: "Noto Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --cad-font-mono: "Noto Sans Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  --cad-text-xs: 0.72rem;
  --cad-text-sm: 0.82rem;
  --cad-text-base: 0.9rem;
  --cad-text-md: 1rem;
  --cad-text-lg: 1.15rem;
  --cad-text-xl: 1.35rem;
  --cad-text-kpi: 1.55rem;

  --cad-space-4: 0.25rem;
  --cad-space-6: 0.375rem;
  --cad-space-8: 0.5rem;
  --cad-space-10: 0.625rem;
  --cad-space-12: 0.75rem;
  --cad-space-16: 1rem;
  --cad-space-20: 1.25rem;
  --cad-space-24: 1.5rem;
  --cad-space-32: 2rem;
  --cad-space-40: 2.5rem;
  --cad-space-48: 3rem;

  --cad-radius-sm: 3px;
  --cad-radius: 4px;
  --cad-radius-lg: 6px;
  --cad-radius-pill: 999px;

  --cad-shadow-overlay: 0 18px 48px rgb(5 5 5 / 14%);
  --cad-shadow-menu: 0 10px 30px rgb(5 5 5 / 12%);

  --cad-t-fast: 120ms ease;
  --cad-t-base: 180ms ease;
}