:root {
  --color-surface: #fff9f5;
  --color-surface-raised: #ffffff;
  --color-surface-tint: #f3f0ff;
  --color-surface-warm: #fff5f8;
  --color-on-surface: #2D1B4E;
  --color-on-surface-muted: #5A4680;
  --color-primary: #7B4DAF;
  --color-on-primary: #ffffff;
  --color-secondary: #0B6290;
  --color-link: #8B2D5C;
  --color-outline: #D4BFE8;
  --color-outline-strong: #A78BBA;
  --color-accent-soft: #F0A8C4;
  --color-accent-cool: #93C5FD;
  --color-mystic-bg: #1A0A2E;
  --color-mystic-surface: #2D165E;
  --color-mystic-text: #FDE68A;
  --color-mystic-body: #EDE9FE;
  --shadow-soft: 0 0.75rem 2rem rgba(45, 27, 78, 0.12);
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --max-page-width: 70rem;
}