:root {
    --primary: #9311d4;
    --primary-dark: #7a0eb3;
    --primary-light: #b845ed;
    --background-light: #f7f6f8;
    --background-dark: #1c1022;
    --surface-dark: #231c27;
    --border-dark: #4b3b54;
    --text-light: #f7f6f8;
    --text-muted: #b09db9;
}

html.dark {
    color-scheme: dark;
}

.mystic-gradient {
    background: radial-gradient(circle at center, rgba(147, 17, 212, 0.15) 0%, rgba(28, 16, 34, 0) 70%);
}