/* Target html and body to ensure variables are available globally with high specificity */
:root, html, body {
    --navy: #0b1726;
    --navy2: #13263c;
    --green: #79a917;
    --lime: #a9c83d;
    --orange: #f18419;
    --cream: #f7f3eb;
    --white: #ffffff;
    --ink: #101c2b;
    --muted: #5d6875;
    --line: #dfe3dc;
    --max: 1300px;
    --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --shadow-sm: 0 2px 8px rgba(11, 23, 38, 0.05);
    --shadow-md: 0 10px 30px -5px rgba(11, 23, 38, 0.08), 0 4px 10px -2px rgba(11, 23, 38, 0.03);
    --shadow-lg: 0 24px 48px -12px rgba(11, 23, 38, 0.15), 0 8px 16px -4px rgba(11, 23, 38, 0.05);
    --shadow-glow-lime: 0 0 35px rgba(169, 200, 61, 0.22);
    --shadow-glow-orange: 0 10px 25px rgba(241, 132, 25, 0.35);
    --tr-fast: 0.18s cubic-bezier(0.16, 1, 0.3, 1);
    --tr-med: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    --tr-smooth: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --radius-pill: 9999px;
}