:root {
  --accent: #18181B;
  --accent-dark: #09090B;
  --accent-fg: #FFFFFF;
  --bg: #FFFFFF;
  --bg-sidebar: #FAFAFA;
  --border: #E4E4E7;
  --border-strong: #D4D4D8;
  --border-subtle: #F4F4F5;
  --bp-lg: 1024px;
  --bp-md: 768px;
  --danger: var(--error);
  --disabled-bg: #F4F4F5;
  --disabled-fg: #A1A1AA;
  --error: #DC2626;
  --error-bg: #FEF2F2;
  --focus-ring: var(--interactive);
  --font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Inter", ui-sans-serif, system-ui, sans-serif;
  --info: var(--interactive);
  --info-bg: #EFF6FF;
  --interactive: #0070F3;
  --link-color: var(--interactive);
  --muted: var(--text-muted);
  --ok: #16A34A;
  --ok-bg: #F0FDF4;
  --pad-card: 24px;
  --pad-compact: 12px;
  --pad-control-x: 16px;
  --pad-control-y: 8px;
  --panel-width: 400px;
  --pill-bg: #F4F4F5;
  --pill-fg: #3F3F46;
  --radius-full: 9999px;
  --radius-lg: 12px;
  --radius-md: 8px;
  --radius-sm: 6px;
  --secondary-bg: #F4F4F5;
  --secondary-border: #E4E4E7;
  --secondary-fg: #3F3F46;
  --shadow-border: 0 0 0 1px rgba(0, 0, 0, 0.08);
  --shadow-card: none;
  --sidebar-width: 256px;
  --surface: #FFFFFF;
  --surface-muted: #FAFAFA;
  --text: #18181B;
  --text-2xl: 24px;
  --text-base: 16px;
  --text-muted: #71717A;
  --text-sm: 14px;
  --text-subtle: #A1A1AA;
  --text-xs: 12px;
  --tracking-tight: -0.025em;
  --tracking-wide: 0.025em;
  --warn: #D97706;
  --warn-bg: #FFFBEB;
  --weight-bold: 700;
  --weight-medium: 500;
  --weight-semibold: 600;
}