:root {
  color-scheme: light;
  --brand-primary: #6834a6;
  --brand-primary-hover: #512584;
  --brand-accent: #f59b46;
  --brand-primary-soft: #f2ebfa;
  --brand-accent-soft: #fff1e3;
  --brand-on-primary: #ffffff;
  --brand-on-accent: #633409;
  --surface-page: #f7f8fb;
  --surface-section: #f0f2f7;
  --surface-card: #ffffff;
  --surface-overlay: #ffffff;
  --surface-inverse: #302044;
  --surface-disabled: #f3f4f7;
  --text-primary: #262237;
  --text-secondary: #625c72;
  --text-tertiary: #70697f;
  --text-inverse: #ffffff;
  --text-disabled: #767080;
  --border-default: #e7e3ed;
  --border-strong: #6834a6;
  --status-success: #247052;
  --status-success-soft: #eaf6ef;
  --status-warning: #855112;
  --status-warning-soft: #fff3df;
  --status-danger: #ad3344;
  --status-danger-soft: #fff0f2;
  --status-info: #3d589b;
  --status-info-soft: #eef3ff;
  --status-neutral: #625c72;
  --backdrop: rgb(38 34 55 / 38%);
  --font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --text-caption: 0.75rem;
  --text-small: 0.8125rem;
  --text-body: 0.875rem;
  --text-large: 1rem;
  --heading-card: 1.125rem;
  --heading-section: 1.375rem;
  --heading-page: clamp(1.625rem, 2.5vw, 2rem);
  --heading-display: clamp(1.75rem, 3vw, 2.25rem);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-control: 10px;
  --radius-card: 12px;
  --radius-container: 14px;
  --radius-pill: 999px;
  --shadow-subtle: 0 3px 14px rgb(38 34 55 / 3%);
  --shadow-overlay: 0 16px 48px rgb(38 34 55 / 16%);
  --sidebar-width: 248px;
  --sidebar-collapsed: 88px;
  --topbar-height: 80px;
  --bottom-nav-height: 72px;
  --content-width: 1440px;
  --control-height: 44px;
  --icon-size: 20px;
  --motion-fast: 160ms;
  --layer-sticky: 10;
}