:root {
  --core-bg: #f4f6fa;
  --core-surface: #ffffff;
  --core-surface-raised: #ffffff;
  --core-surface-muted: #f7f9fc;
  --core-text: #172033;
  --core-text-muted: #667085;
  --core-border: #e3e8ef;
  --core-border-strong: #cfd7e3;
  --core-blue: #2563eb;
  --core-blue-hover: #1d4ed8;
  --core-blue-soft: #eaf1ff;
  --core-green: #16865c;
  --core-green-soft: #e7f7f0;
  --core-amber: #b76a10;
  --core-amber-soft: #fff3df;
  --core-red: #c83f52;
  --core-red-soft: #fff0f2;
  --core-gray: #64748b;
  --core-gray-soft: #eef2f6;
  --core-purple: #7453d6;
  --core-purple-soft: #f1edff;
  --core-radius-xs: 8px;
  --core-radius-sm: 12px;
  --core-radius: 18px;
  --core-radius-lg: 24px;
  --core-shadow: 0 10px 32px rgba(28, 43, 70, .07);
  --core-focus: 0 0 0 4px rgba(37, 99, 235, .18);
  --core-sidebar: 248px;
  --core-topbar: 72px;
  --bg: var(--core-bg);
  --surface: var(--core-surface);
  --surface-2: var(--core-surface-muted);
  --text: var(--core-text);
  --muted: var(--core-text-muted);
  --line: var(--core-border);
  --line-strong: var(--core-border-strong);
  --brand: var(--core-blue);
  --brand-2: var(--core-blue-hover);
  --brand-soft: var(--core-blue-soft);
  --success: var(--core-green);
  --success-soft: var(--core-green-soft);
  --warning: var(--core-amber);
  --warning-soft: var(--core-amber-soft);
  --danger: var(--core-red);
  --danger-soft: var(--core-red-soft);
  --radius: var(--core-radius);
  --radius-sm: var(--core-radius-sm);
  --shadow: var(--core-shadow);
  --shadow-sm: var(--core-shadow);
  --focus: var(--core-focus);
  color-scheme: light;
}

html[data-theme="dark"] {
  --core-bg: #0d1420;
  --core-surface: #151f2e;
  --core-surface-raised: #1a2637;
  --core-surface-muted: #101a28;
  --core-text: #f2f5fa;
  --core-text-muted: #a3b0c2;
  --core-border: #29374a;
  --core-border-strong: #3a4b61;
  --core-blue: #83a9ff;
  --core-blue-hover: #a8c0ff;
  --core-blue-soft: #20365f;
  --core-green: #55d6a1;
  --core-green-soft: #153a31;
  --core-amber: #f0ae62;
  --core-amber-soft: #432f1b;
  --core-red: #ff8595;
  --core-red-soft: #47232c;
  --core-gray: #a3b0c2;
  --core-gray-soft: #243143;
  --core-purple: #b9a3ff;
  --core-purple-soft: #322957;
  --core-shadow: 0 12px 34px rgba(0, 0, 0, .24);
  color-scheme: dark;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}