/* variables.css - The Design System "Dials" */
:root {
    /* Core Brand */
    --primary-color: #7C6EE6;
    --primary-glow: rgba(124, 110, 230, 0.4);
    --secondary-color: #2FA4A9;
    --accent-color: #D6B36A;

    /* Backgrounds */
    --bg-deep: #0A0C12;
    --bg-mid: #111420;
    --bg-light: #1A1F2E;
    
    /* Surfaces */
    --glass-surface: rgba(18, 22, 42, 0.85);
    --glass-border: rgba(255, 255, 255, 0.08);
    --glass-blur: 12px;

    /* Typography */
    --text-primary: #ECEFFD;
    --text-secondary: #A5A8C6;
    --text-muted: #6F7396;
    --font-main: 'Inter', sans-serif;
    --font-display: 'Cinzel', serif;
    --font-story: 'Merriweather', serif;

    /* Layout Specs */
    --container-width: 90%;
    --sidebar-width: 320px;
    --btn-radius: 4px;
}