:root {
  color-scheme: light;
  --brand-50: #ecfeff;
  --brand-100: #cffafe;
  --brand-500: #18d6cf;
  --brand-600: #0ea5a4;
  --brand-700: #0f766e;
  --accent-50: #eef2ff;
  --accent-500: #334155;
  --success: #0f766e;
  --warning: #b45309;
  --danger: #dc2626;
  --info: #0284c7;
  --bg: #f6f7f9;
  --surface: #fff;
  --surface-2: #f1f5f9;
  --text: #0f172a;
  --text-muted: #64748b;
  --border: #e2e8f0;
  --sidebar: #030707;
  --sidebar-muted: #91cbc8;
  --sidebar-active: #083d3d;
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 16px;
  --radius-full: 999px;
  --shadow-sm: 0 1px 2px rgb(15 23 42 / 6%);
  --shadow: 0 4px 12px rgb(15 23 42 / 8%);
  --shadow-lg: 0 12px 32px rgb(15 23 42 / 12%);
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-8: 48px;
  --font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-xs: 12px;
  --fs-sm: 14px;
  --fs-base: 16px;
  --fs-lg: 18px;
  --fs-xl: 22px;
  --fs-2xl: 28px;
  --fs-3xl: 34px;
  --transition: 160ms cubic-bezier(.4, 0, .2, 1);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #060b0b;
  --surface: #0e1717;
  --surface-2: #142424;
  --text: #edfafa;
  --text-muted: #a0c9c7;
  --border: #244141;
  --brand-50: #082f2f;
  --accent-50: #172033;
  --sidebar: #010404;
  --sidebar-active: #063636;
  --shadow: 0 4px 16px rgb(0 0 0 / 25%);
  --shadow-lg: 0 14px 36px rgb(0 0 0 / 35%);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #060b0b;
    --surface: #0e1717;
    --surface-2: #142424;
    --text: #edfafa;
    --text-muted: #a0c9c7;
    --border: #244141;
    --brand-50: #082f2f;
    --accent-50: #172033;
    --sidebar: #010404;
    --sidebar-active: #063636;
  }
}