:root {
    --color-black: #050505;
    --color-white: #ffffff;
    --color-gray-50: #fafafa;
    --color-gray-100: #f0f0f0;
    --color-gray-200: #e0e0e0;
    --color-gray-300: #c4c4c4;
    --color-gray-400: #9a9a9a;
    --color-gray-500: #707070;
    --color-gray-600: #505050;
    --color-gray-700: #383838;
    --color-gray-800: #222222;
    --color-gray-900: #141414;

    --font-primary: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;

    --container-max: 1200px;
    --container-padding: 1.5rem;

    --nav-height: 140px;
    --logo-height: 110px;
    --footer-logo-height: 110px;

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 9999px;

    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.15);
    --shadow-md: 0 8px 32px rgba(0, 0, 0, 0.25);
    --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.35);
    --shadow-glow: 0 0 60px rgba(255, 255, 255, 0.03);

    --glass-bg: rgba(255, 255, 255, 0.04);
    --glass-border: rgba(255, 255, 255, 0.08);
    --glass-blur: 24px;

    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-base: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.6s cubic-bezier(0.4, 0, 0.2, 1);

    --section-padding: 4.5rem;
    --section-padding-mobile: 4.5rem;

    --mouse-x: 0;
    --mouse-y: 0;
}