:root {
  --color-primary: #9200df;
  --color-primary-dark: #5c008f;
  --color-primary-deep: #31004d;
  --color-primary-soft: #f7ebff;
  --color-accent: #d81b8c;
  --color-accent-soft: #fff0f8;
  --color-success: #167a63;
  --color-warning: #a85b00;
  --color-text: #211429;
  --color-text-muted: #685b70;
  --color-background: #fffdfd;
  --color-surface: #faf7fb;
  --color-surface-strong: #f2ecf5;
  --color-border: #e5dbe9;
  --shadow-small: 0 6px 20px rgba(49, 0, 77, 0.08);
  --shadow-large: 0 28px 80px rgba(74, 0, 108, 0.16);
  --radius-small: 10px;
  --radius-medium: 18px;
  --radius-large: 30px;
  --content-width: 1180px;
  --header-height: 78px;
}