:root {
  --brand-700: #5e2b5c;
  --brand-600: #74407a;
  --brand-500: #8b5a8c;
  --brand-300: #c9a8ca;
  --brand-200: #e0cce0;
  --brand-100: #f0e6f0;
  --ink-900: #16192c;
  --ink-700: #3a3f55;
  --ink-500: #5a6178;
  --ink-400: #9aa0b4;
  --ink-300: #c7cbd9;
  --surface-base: #f7f8fa;
  --surface-card: #fff;
  --surface-hover: #f2f3f7;
  --border-default: #e6e8f0;
  --border-accent: #c9a8ca;
  --success: #2e9e6b;
  --warning: #d9a441;
  --danger: #d14b4b;
  --info: #4b7fd1;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-pill: 999px;
  --shadow-xs: 0 1px 2px rgba(22, 25, 44, 0.04);
  --shadow-sm: 0 2px 8px rgba(22, 25, 44, 0.06);
  --shadow-md: 0 6px 20px rgba(22, 25, 44, 0.08);
  --shadow-lg: 0 16px 40px rgba(22, 25, 44, 0.12);
  --shadow-focus: 0 0 0 3px rgba(139, 90, 140, 0.35);
  --font: "Montserrat", "Avenir Next", sans-serif;
  --transition: 400ms ease-in-out;
}