:root {
    --night: #0b1023;
    --night-2: #0f1530;
    --night-3: #141a33;
    --surface: rgba(20, 26, 51, 0.62);
    --surface-solid: #141a33;
    --surface-2: rgba(30, 38, 68, 0.55);
    --anthracite: #1e2436;

    --violet: #7c3aed;
    --violet-deep: #5b21b6;
    --violet-soft: #a78bfa;
    --cyan: #22d3ee;
    --cyan-deep: #0ea5e9;
    --blue: #3b82f6;

    --white: #ffffff;
    --text: #e6e8f0;
    --text-muted: #9aa3c4;
    --text-dim: #6b7396;

    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;
    --info: #38bdf8;

    --border: rgba(255, 255, 255, 0.08);
    --border-strong: rgba(255, 255, 255, 0.14);

    --grad-primary: linear-gradient(135deg, #7c3aed 0%, #0ea5e9 100%);
    --grad-violet: linear-gradient(135deg, #5b21b6 0%, #a78bfa 100%);
    --grad-cyan: linear-gradient(135deg, #0ea5e9 0%, #22d3ee 100%);
    --grad-dark: linear-gradient(180deg, rgba(11, 16, 35, 0) 0%, rgba(11, 16, 35, 0.95) 100%);
    --grad-hero: radial-gradient(circle at 15% 15%, rgba(124, 58, 237, 0.35), transparent 45%),
                 radial-gradient(circle at 85% 25%, rgba(14, 165, 233, 0.3), transparent 42%);

    --radius-sm: 10px;
    --radius: 16px;
    --radius-lg: 22px;
    --radius-xl: 28px;
    --radius-pill: 999px;

    --shadow-sm: 0 4px 14px rgba(0, 0, 0, 0.25);
    --shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.45);
    --shadow-glow: 0 0 40px rgba(124, 58, 237, 0.35);

    --blur: blur(18px);
    --blur-sm: blur(10px);

    --nav-height: 72px;
    --container: 1240px;

    --ease: cubic-bezier(0.22, 1, 0.36, 1);
    --transition: 0.35s var(--ease);

    --font-sans: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
    --font-display: "Poppins", "Inter", "Segoe UI", system-ui, sans-serif;

    --bs-body-bg: #0b1023;
    --bs-body-color: #e6e8f0;
}

[data-bs-theme="light"] {
    --night: #f4f6fc;
    --night-2: #eef1fa;
    --night-3: #ffffff;
    --surface: rgba(255, 255, 255, 0.7);
    --surface-solid: #ffffff;
    --surface-2: rgba(244, 246, 252, 0.8);
    --text: #1a1f38;
    --text-muted: #566089;
    --text-dim: #8790b3;
    --border: rgba(20, 26, 51, 0.08);
    --border-strong: rgba(20, 26, 51, 0.14);
    --shadow: 0 12px 32px rgba(60, 70, 120, 0.16);
    --shadow-lg: 0 24px 60px rgba(60, 70, 120, 0.2);
    --bs-body-bg: #f4f6fc;
    --bs-body-color: #1a1f38;
}