/* ============================================
   CSS Variables & Theme Configuration
   ============================================ */

:root {
    --primary: #0A2836;
    --accent: #71FEEB;
    --accent-dark: #0E8A7D;
    --white: #FFFFFF;
    --bg-main: #FAFBFC;
    --bg-sidebar: #FFFFFF;
    --bg-light: #F5F7FA;
    --bg-secondary: #F8FAFC;
    --text-primary: #1A1F36;
    --text-secondary: #697386;
    --text-muted: #A3ACB9;
    --border-light: #E3E8EE;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
    --success: #10B981;
    --error: #EF4444;
    --warning: #F59E0B;

    /* Link colors - primary for light backgrounds, accent for dark */
    --link-color: #0A2836;
    --link-color-hover: #0F3D4A;
    --link-color-dark: #71FEEB;
    --link-color-dark-hover: #9BFFF2;

    /* Gradient for buttons - based on primary #0A2836 */
    --gradient-accent: linear-gradient(135deg, #0A2836 0%, #0F3D4A 50%, #165A68 100%);
    --primary-dark: #071E28;

    /* ============================================
       Liquid Glass Variables (Light & Subtle)
       ============================================ */

    /* Light Glass Background Variants */
    --glass-bg-white: rgba(255, 255, 255, 0.6);
    --glass-bg-light: rgba(255, 255, 255, 0.4);
    --glass-bg-subtle: rgba(255, 255, 255, 0.2);
    --glass-bg-primary: #0A2836;
    --glass-bg-accent: rgba(113, 254, 235, 0.08);

    /* Frosted Glass (Light translucent - like reference image) */
    --glass-panel: rgba(255, 255, 255, 0.12);
    --glass-panel-hover: rgba(255, 255, 255, 0.18);
    --glass-panel-active: rgba(255, 255, 255, 0.25);
    --glass-sidebar: rgba(255, 255, 255, 0.08);
    --glass-card: rgba(255, 255, 255, 0.1);
    --glass-card-hover: rgba(255, 255, 255, 0.15);

    /* Glass Borders (Subtle white lines) */
    --border-glass: rgba(255, 255, 255, 0.25);
    --border-glass-strong: rgba(255, 255, 255, 0.4);
    --border-glass-subtle: rgba(255, 255, 255, 0.12);
    --border-accent-glass: rgba(113, 254, 235, 0.3);
    --border-dark-glass: rgba(255, 255, 255, 0.1);
    --border-dark-glass-highlight: rgba(255, 255, 255, 0.2);

    /* Blur Values */
    --blur-sm: 8px;
    --blur-md: 16px;
    --blur-lg: 24px;
    --blur-xl: 40px;

    /* Glass Shadows (Subtle) */
    --shadow-glass-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
    --shadow-glass: 0 4px 20px rgba(0, 0, 0, 0.08);
    --shadow-glass-lg: 0 8px 32px rgba(0, 0, 0, 0.1);
    --shadow-glass-glow: 0 0 20px rgba(113, 254, 235, 0.12), 0 4px 16px rgba(0, 0, 0, 0.06);

    /* Floating Panel Shadows */
    --shadow-dark-glass: 0 8px 32px rgba(0, 0, 0, 0.15);
    --shadow-dark-glass-lg: 0 16px 48px rgba(0, 0, 0, 0.18);
    --shadow-card-float: 0 8px 30px rgba(0, 0, 0, 0.12);

    /* Glass Transitions */
    --transition-glass: 0.3s ease;
}