/* ========================= */
/* MK3DHUB DESIGN SYSTEM     */
/* ========================= */

:root {
    /* 🔥 BRAND CORE */
    --primary: #fd8308;
    --primary-rgb: 253, 131, 8;
    --primary-strong: #ff7a00;
    --primary-bright: #ffb300;

    /* 🌈 SIGNATURE GRADIENT */
    --primary-gradient: linear-gradient(90deg, #ff7a00 0%, #ff9f1a 50%, #ffb300 100%);

    /* ✨ GLOW SYSTEM */
    --glow-soft: 0 0 20px rgba(var(--primary-rgb), 0.25);
    --glow-medium: 0 0 30px rgba(var(--primary-rgb), 0.5);
    --glow-strong: 0 0 50px rgba(var(--primary-rgb), 0.8);
    /* 🎯 NEW SUPER STRONG GLOW */
    --glow-super-strong: 0 0 70px rgba(var(--primary-rgb), 0.95);

    /* 🧊 GLASSMORPHISM */
    --glass-bg: rgba(255, 255, 255, 0.12);
    --glass-bg-hover: rgba(255, 255, 255, 0.18);
    --glass-border: rgba(255, 255, 255, 0.15);
    --glass-blur: blur(15px);
    --input-bg: rgba(0, 0, 0, 0.25);

    /* 🚦 STATUS & LAYERS */
    --success: #22c55e;
    --error: #ef4444;
    --z-nav: 1000;
    --z-bg: -1;

    /* 🖤 BACKGROUNDS */
    --bg-dark: #0f0f0f;
    --bg-main: #121212;
    --bg-elevated: #1a1a1a;

    /* 🧱 UI ELEMENTS */
    --border: #2a2a2a;
    --border-glow: rgba(var(--primary-rgb), 0.8);

    /* ✍️ TEXT */
    --text-main: rgba(255, 255, 255, 0.95);
    --text-muted: rgba(255, 255, 255, 0.6);
    --font-main: 'Inter', sans-serif;
    --font-heading: 'Orbitron', sans-serif;

    /* 📏 SPACING & RADIUS */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 3rem;
    --space-xl: 5rem;
    --container-width: 1200px;
    --radius-sm: 12px;
    --radius-md: 12px;
    --radius-lg: 12px;
    --radius-pill: 50px;

    /* ⚡ ANIMATION */
    --transition-fast: 0.2s ease;
    --transition-smooth: 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    /* 📱 MOBILE OVERRIDES (Dynamic) */
    --btn-padding-y: 14px;
    --btn-padding-x: 28px;
    --section-padding: var(--space-lg);
}

@media (max-width: 768px) {
    :root {
        --space-lg: 2rem;
        --space-xl: 3rem;
        --btn-padding-y: 12px;
        --btn-padding-x: 24px;
        --section-padding: var(--space-md);
    }
}