@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

:root {
    /* Color Palette - Jungle Tech / Premium Eco-Adventure */
    --bg-dark: #06120B;          /* Extreme jungle green (almost black) */
    --bg-dark-card: rgba(11, 24, 16, 0.75); /* Dark card background */
    --bg-light: #F3F6F4;         /* Clean mist grey for readable text */
    --bg-light-card: #FFFFFF;
    
    --primary: #0F3D24;          /* Mayan Jungle green */
    --primary-light: #1C5D36;    /* Medium foliage green */
    --primary-glow: rgba(15, 61, 36, 0.3);
    
    --accent-orange: #FF6B00;    /* Safety Orange (CTAs / Excitement) */
    --accent-orange-hover: #E05E00;
    --accent-orange-glow: rgba(255, 107, 0, 0.25);
    
    --accent-volt: #DDFD2B;      /* Volt Yellow (Highlights / Modern Tech) */
    --accent-volt-hover: #c9e821;
    --accent-volt-glow: rgba(221, 253, 43, 0.35);

    /* Text Colors */
    --text-light: #FFFFFF;
    --text-muted-light: #A1B2A8;
    --text-dark: #121A15;
    --text-muted-dark: #556B5D;

    /* Semantic Status */
    --success: #2ECC71;
    --danger: #E74C3C;

    /* Fonts */
    --font-title: 'Outfit', sans-serif;
    --font-body: 'Plus Jakarta Sans', sans-serif;

    /* Borders & Blur (Glassmorphism) */
    --glass-border: rgba(255, 255, 255, 0.05);
    --glass-border-volt: rgba(221, 253, 43, 0.15);
    --glass-border-orange: rgba(255, 107, 0, 0.15);
    --blur-normal: blur(12px);
    
    /* Layout Sizes */
    --header-height: 80px;
    --max-width: 1200px;
    --border-radius-sm: 8px;
    --border-radius-md: 16px;
    --border-radius-lg: 24px;

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