:root {
  --bg: #f4f3fd;
  --bg-soft: #ecebfa;
  --surface: #ffffff;
  --surface-2: #faf9ff;
  --surface-3: #f1effc;
  --line: #e6e4f5;
  --line-strong: #d2cef0;
  --text: #1a1b2e;
  --muted: #5c5c76;
  --subtle: #85859d;
  --violet: #5d4ee8;
  --violet-strong: #4a3ad9;
  --violet-soft: rgba(93, 78, 232, .10);
  --spark: #a99ff2;
  --mint: #22c55e;
  --mint-soft: rgba(34, 197, 94, .12);
  --coral: #ef4444;
  --green: #22c55e;
  --blue: #3b82f6;
  --deep: #1a1b2e;
  --shadow: 0 16px 44px rgba(26, 27, 46, .10);
  --radius-sm: 8px;
  --radius: 13px;
  --radius-lg: 18px;
  --header: 76px;
  --left: 238px;
  --right: 390px;
}