:root {
    /* Premium Industrial Color Palette */
    --primary-color: #0d1b2a; /* Deep Navy */
    --primary-dark: #000814;
    --primary-light: #1b263b;
    --primary-gradient: linear-gradient(135deg, #0d1b2a, #000814);

    --accent-color: #e63946; /* Strong Construction Red */
    --accent-dark: #b91d1d;
    --accent-light: #f1faee;
    --accent-gradient: linear-gradient(135deg, #e63946, #411d1d);

    --text-color: #2b2d42;
    --text-light: #8d99ae;
    --text-white: #ffffff;

    --bg-color: #ffffff;
    --bg-light: #f8f9fa;
    --bg-dark: #121212;

    /* Typography - More serious and architectural feel */
    --font-primary: 'Plus Jakarta Sans', 'Inter', sans-serif;
    --font-heading: 'Outfit', 'Segoe UI Variable Display', sans-serif;

    /* Spacing - Precise and generous */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 6rem;
    --spacing-xl: 12rem;

    /* Border Radius - More precise 4px instead of very rounded */
    --radius-sm: 2px;
    --radius-md: 4px;
    --radius-lg: 8px;
    --radius-full: 9999px;

    /* Professional Depth Shadows */
    --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}