:root {
  --font-family-base: "Source Sans 3", "Segoe UI", "Trebuchet MS", sans-serif;
  --page-bg: #f5f4fa;
  --surface: #ffffff;
  --surface-soft: #efedf7;
  --surface-muted: #e8e5f4;
  --white: #ffffff;
  --black-soft: #202028;
  --line: rgba(124, 92, 252, 0.18);
  --line-soft: rgba(28, 28, 30, 0.08);
  --text: #1d1d24;
  --text-muted: #a3a1ad;
  --text-tab: #707082;
  --text-tab-hover: #1d1d24;
  --accent: #7c5cfc;
  --accent-strong: #5b3de8;
  --accent-soft: #f0eeff;
  --accent-soft-strong: #dcd5ff;
  --accent-border: #b5a6ff;
  --accent-border-soft: #b6a8fa;
  --hover-surface: #f4f2fb;
  --filter-border: #d5d1e1;
  --filter-border-hover: #bdb7d5;
  --danger: #d94b5f;
  --danger-soft: #fff0f2;
  --success-soft: #f1edff;
  --overlay-bg: rgba(18, 16, 28, 0.42);
  --modal-shadow: 0 28px 90px rgba(64, 49, 111, 0.24);
  --shadow: 0 18px 48px rgba(104, 87, 164, 0.08);
  --radius-xl: 24px;
  --radius-lg: 18px;
  --radius-md: 14px;
  --radius-sm: 10px;
}