/* ============================================
   CSS Variables - Frutiger Aero Theme
   ============================================ */

:root {
    /* Colors - Green Gradient */
    --color-green-light: #A7F5B9;
    --color-green-mid: #5BD895;
    --color-green-dark: #00985F;
    --color-green-hover: #00B472;
    
    /* Colors - Blue Gradient */
    --color-blue-light: #9DC5FF;
    --color-blue-mid: #65B6FF;
    --color-blue-dark: #0062F1;
    
    /* Colors - Background */
    --color-bg-light: rgba(199, 231, 252, 0.6);
    --color-bg-mid: rgba(245, 251, 255, 0.7);
    --color-bg-dark: rgba(188, 227, 255, 0.6);
    
    /* Colors - Black/Gray Gradient */
    --color-gray-light: rgba(120, 120, 120, 0.65);
    --color-gray-mid: rgba(70, 70, 70, 0.65);
    --color-gray-dark: rgba(30, 30, 30, 0.65);
    --color-black: rgba(0, 0, 0, 0.65);
    
    /* Colors - Orange Gradient */
    --color-orange-light: rgba(255, 230, 199, 0.65);
    --color-orange-mid: rgba(255, 184, 120, 0.65);
    --color-orange-dark: rgba(255, 124, 0, 1);
    
    /* Colors - Text */
    --color-text-primary: #fafafa;
    --color-text-secondary: #006341;
    --color-text-link: rgb(2, 135, 86);
    --color-text-link-hover: rgb(2, 102, 65);
    --color-text-dark: #000000;
    
    /* Colors - Bubbles */
    --color-bubble-light: rgba(230, 245, 255, 0.4);
    --color-bubble-mid: rgba(197, 229, 252, 0.3);
    
    /* Shadows */
    --shadow-green: 0 4px 12px rgba(0, 180, 114, 0.3);
    --shadow-green-hover: 0 6px 15px rgba(0, 150, 95, 0.5);
    --shadow-black: 0 4px 20px rgba(0, 0, 0, 0.3);
    --shadow-inset-top: inset 0px 2px 1px rgba(255, 255, 255, 0.2);
    --shadow-inset-bottom: inset 0px -2px 1px rgba(0, 0, 0, 0.5);
    --shadow-white: 4px 4px 30px 0px white;
    
    /* Border Radius */
    --radius-small: 5px;
    --radius-medium: 10px;
    --radius-large: 12px;
    --radius-round: 50%;
    --radius-image: 20px;
    
    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2rem;
    --spacing-xl: 2.5rem;
    
    /* Transitions */
    --transition-fast: 0.2s ease-in-out;
    --transition-normal: 0.3s ease-in-out;
    --transition-slow: 0.4s ease;
    
    /* Font */
    --font-family: 'Poppins', sans-serif;
    --font-weight-normal: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    
    /* Z-index */
    --z-bubbles: -2;
    --z-fish: -2;
    --z-content: 0;
    --z-navbar: 10;
    
    /* Fish Animation */
    --fish-size: 60px;
    --fish-transition: 0.1s linear;
}