:root {
    --font-heading: 'Space Grotesk', sans-serif;
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.page-title, .settings-section-title, .login-title,
.sidebar-logo-text, .brand-text-logo,
.desktop-login-brand { font-family: var(--font-heading, var(--font-family)); }

:root {
    --bg-primary: #0c0f14;
    --bg-secondary: #12161e;
    --bg-tertiary: #1a1f2b;
    --bg-elevated: #252b38;
    --text-primary: #e8ecf1;
    --text-secondary: #8a94a6;
    --accent-blue: #ffd600;
    --accent-blue-hover: #ffe040;
    --accent-blue-muted: rgba(200, 168, 0, 0.15);
    --accent-green: #2ea44f;
    --accent-green-hover: #3fb950;
    --accent-green-muted: rgba(46, 164, 79, 0.15);
    --accent-red: #f85149;
    --accent-red-hover: #ff6b6b;
    --accent-red-muted: rgba(248, 81, 73, 0.15);
    --accent-yellow: #ffd600;
    --accent-yellow-hover: #ffe040;
    --accent-yellow-muted: rgba(200, 168, 0, 0.15);
    --accent-purple: #a371f7;
    --accent-purple-hover: #bc8cff;
    --accent-purple-muted: rgba(163, 113, 247, 0.15);
    --border-primary: #252b38;
    --border-secondary: #1a1f2b;
}
:root {
    --surface-glass-blur: 16px;
    --surface-glass-saturate: 1.2;
    --surface-glass-bg-secondary: rgba(22, 27, 34, 0.55);
    --surface-glass-bg-tertiary: rgba(22, 27, 34, 0.63);
    --surface-glass-bg-elevated: rgba(22, 27, 34, 0.70);
    --surface-glass-border: rgba(22, 27, 34, 0.90);
    --card-bg: var(--surface-glass-bg-secondary);
    --sidebar-glass-bg-rail: rgba(22, 27, 34, 0.48);
    --sidebar-glass-bg-flyout: rgba(22, 27, 34, 0.58);
}