:root {
    /* Brand Colors */
    --color-primary: #FFB146;
    /* Vibrant Orange/Gold */
    --logo-height: 42px;
    --color-primary-rgb: 255, 177, 70;
    --color-accent: #00C2CB;
    /* Vibrant Teal for accents */

    /* Corporate Palette */
    --color-secondary-blue-dark: #0F2A4A;
    /* Deep Navy - Corporate Base */
    --color-secondary-blue-light: #2B6C9F;
    /* Lighter Navy */
    --color-secondary-green: #2E7D32;
    /* Professional Green */
    --color-secondary-yellow: #F9A825;
    /* Deep Yellow */
    --color-secondary-orange: #D84315;
    /* Deep Orange */
    --color-secondary-teal: #004D40;
    /* Deep Teal */

    /* Neutrals */
    --color-bg-light: #F8F9FA;
    /* Clean White/Grey */
    --color-bg-dark: #1A1A1A;
    /* Dark Grey for sections */
    --color-bg-darker: #0F172A;
    /* Very Dark Blue/Grey */
    --color-white: #FFFFFF;
    --color-text-dark: #1A1A1A;
    --color-text-light: #4A4A4A;
    --color-border: #E0E0E0;

    /* Typography */
    --font-heading: 'Outfit', 'Montserrat', sans-serif;
    --font-body: 'Poppins', sans-serif;

    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 5rem;
    --spacing-xl: 10rem;

    /* Border Radius - Organic & Soft */
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 32px;
    --radius-xl: 48px;
    --radius-full: 9999px;
    --radius-blob: 60% 40% 30% 70% / 60% 30% 70% 40%;
    /* Organic blob shape */

    /* Glassmorphism & Depth */
    --glass-bg: rgba(255, 255, 255, 0.7);
    --glass-border: 1px solid rgba(255, 255, 255, 0.5);
    --glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);
    --blur-amount: 12px;

    /* Gradients */
    --gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, #FF8F00 100%);
    --gradient-ocean: linear-gradient(135deg, #0F2A4A 0%, #2B6C9F 100%);
    --gradient-teal: linear-gradient(135deg, #004D40 0%, #00C2CB 100%);
    --gradient-warm: linear-gradient(135deg, #FFF8F0 0%, #FFE0B2 100%);

    /* Shadows - Deep & Soft */
    --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --shadow-glow: 0 0 20px rgba(255, 177, 70, 0.4);

    /* Transitions */
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-bounce: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}