:root {
    /* ================================
       DAKAR STUDIOS — COLOR SYSTEM
       ================================ */

    --dakar-orange: #f97316;
    --dakar-orange-light: #fb923c;
    --dakar-orange-dark: #ea580c;

    --dakar-black: #050505;
    --dakar-black-soft: #080808;
    --dakar-surface: #0f0f0f;
    --dakar-surface-2: #151515;
    --dakar-surface-3: #1c1c1c;

    --dakar-white: #ffffff;
    --dakar-text: #f5f5f5;
    --dakar-text-soft: #d4d4d4;
    --dakar-muted: #a3a3a3;
    --dakar-muted-dark: #737373;

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

    --dakar-orange-glow: rgba(249, 115, 22, 0.18);
    --dakar-orange-glow-strong: rgba(249, 115, 22, 0.32);

    /* Typography */
    --font-sans: "Montserrat", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-display: "Montserrat", "Inter", system-ui, sans-serif;
    --font-mono: "JetBrains Mono", "Fira Code", monospace;

    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-3xl: 1.875rem;
    --text-4xl: 2.25rem;
    --text-5xl: 3rem;
    --text-6xl: 3.75rem;
    --text-7xl: 4.5rem;

    /* Layout */
    --container: 1200px;
    --container-wide: 1400px;
    --gutter: 24px;

    --section-padding: clamp(80px, 10vw, 140px);

    /* Radius */
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 22px;
    --radius-xl: 32px;
    --radius-pill: 999px;

    /* Shadows */
    --shadow-sm: 0 8px 30px rgba(0, 0, 0, 0.18);
    --shadow-md: 0 18px 60px rgba(0, 0, 0, 0.28);
    --shadow-orange: 0 16px 50px rgba(249, 115, 22, 0.16);

    /* Motion */
    --ease: cubic-bezier(0.22, 1, 0.36, 1);
    --transition-fast: 180ms var(--ease);
    --transition: 300ms var(--ease);
    --transition-slow: 600ms var(--ease);

    /* Layers */
    --z-header: 1000;
    --z-menu: 1100;
    --z-modal: 2000;
    --z-toast: 3000;
}

@media (max-width: 768px) {
    :root {
        --gutter: 18px;
        --section-padding: 76px;
    }
}