:root {
  --bg-0: #eeeeee;
  --bg-1: #ffffff;
  --bg-2: rgb(0 0 0 / 0.04);
  --bg-3: rgb(0 0 0 / 0.08);
  --border-1: rgb(0 0 0 / 0.08);
  --border-2: rgb(0 0 0 / 0.13);
  --border-3: rgb(0 0 0 / 0.18);
  --fg-0: #000000;
  --fg-1: #000000;
  --fg-2: rgb(0 0 0 / 0.68);
  --fg-3: rgb(0 0 0 / 0.5);
  --accent: #3b84ec;
  --accent-soft: rgb(80 169 248 / 0.12);
  --accent-strong: #2d74e8;
  --accent-gradient: linear-gradient(135deg, #78c9ff 0%, #50a9f8 45%, #3b84ec 100%);
  --accent-gradient-hover: linear-gradient(135deg, #84d0ff 0%, #5bb1fa 45%, #438df0 100%);
  --accent-shadow: 0 4px 12px rgb(67 163 251 / 0.18);
  --ok: #16a34a;
  --warn: #ca8a04;
  --err: #dc2626;
  --ok-soft: rgb(22 163 74 / 0.12);
  --err-soft: rgb(220 38 38 / 0.12);
  --shadow-sm: 0 4px 14px rgb(0 0 0 / 0.05);
  --shadow-md: 0 16px 38px rgb(0 0 0 / 0.1);
  --r-sm: 4px;
  --input-radius: 7px;
  --business-rail: #3b84ec;
  --business-rail-hover: rgb(255 255 255 / 0.08);
  --business-rail-active: rgb(255 255 255 / 0.13);
  --r-full: 999px;
  --space-1: 8px;
  --space-2: 12px;
  --space-3: 16px;
  --space-4: 20px;
  --composer-control-size: 40px;
  --composer-textarea-min-height: 40px;
  --text-xs: 11px;
  --text-sm: 12px;
  --text-md: 14px;
  --text-lg: 16px;
  --font-ui: "Geist", sans-serif;
  --font-brand: "Inter", var(--font-ui);
  --menu-surface: var(--bg-1);
  --menu-border: var(--border-1);
  --menu-radius: 7px;
  --menu-shadow: var(--shadow-md);
  --menu-item-height: 32px;
  --menu-item-padding: 0 10px;
  --menu-item-hover: var(--bg-2);
  --menu-item-active: var(--bg-3);
  --menu-item-danger-hover: var(--err-soft);
  --menu-item-transition: 120ms ease;
  --select-hover-surface: #fafafa;
}