:root {
    --bg-start: #0a0014;
    --bg-mid: #1a0030;
    --bg-end: #2d004d;
    --surface: rgba(40, 10, 70, 0.48);
    --surface-strong: rgba(32, 7, 58, 0.74);
    --border: rgba(155, 48, 255, 0.3);
    --border-strong: rgba(191, 95, 255, 0.55);
    --text: #ffffff;
    --text-soft: rgba(220, 200, 255, 0.82);
    --text-dim: rgba(200, 170, 255, 0.68);
    --accent: #bf5fff;
    --accent-soft: #e0b0ff;
    --accent-deep: #8b00ff;
    --shadow: 0 0 40px rgba(139, 0, 255, 0.18);
    --radius-xl: 24px;
    --radius-lg: 20px;
    --radius-md: 16px;
    --content-width: 960px;
    --header-width: 1100px;
    --font-title: "Cinzel", serif;
    --font-body: "Inter", "Segoe UI", sans-serif;
}