/* Green Gradient Theme for GdzieJade - Based on Logo Colors */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {
    /* Unified palette (map-first UI) */
    --primary-green: #1F6F43;
    --deep-green: #0F3D2A;
    --accent-green: #1F6F43;
    --light-green: #34D399;
    --soft-green: #E7F6EE;
    --pale-green: #BFE6D0;
    --cream-white: #F7FAF8;
    --pure-white: #FFFFFF;
    --text-dark: #0F172A;
    --text-medium: #334155;
    --text-light: #64748B;
    --shadow-green: rgba(15, 61, 42, 0.18);
    --shadow-soft: rgba(15, 61, 42, 0.10);
    --border-green: rgba(15, 23, 42, 0.12);
    --border-light: rgba(15, 23, 42, 0.08);

    /* Layout */
    --navbar-height: 60px;
    --sidebar-width: 400px;
    --categories-height: 80px;
    --sidebar-bg: rgba(255, 255, 255, 0.92);
    --sidebar-blur: blur(18px);
    --polecane-gold: #F59E0B;
    
    /* Fluid Typography - автоматически адаптируется под размер экрана */
    --font-size-xs: clamp(0.75rem, 2vw, 0.875rem);
    --font-size-sm: clamp(0.875rem, 2.5vw, 1rem);
    --font-size-base: clamp(1rem, 3vw, 1.125rem);
    --font-size-lg: clamp(1.125rem, 3.5vw, 1.25rem);
    --font-size-xl: clamp(1.25rem, 4vw, 1.5rem);
    --font-size-2xl: clamp(1.5rem, 5vw, 2rem);
    --font-size-3xl: clamp(2rem, 6vw, 3rem);
    
    /* Responsive Spacing */
    --spacing-xs: clamp(0.25rem, 1vw, 0.5rem);
    --spacing-sm: clamp(0.5rem, 2vw, 1rem);
    --spacing-md: clamp(1rem, 3vw, 1.5rem);
    --spacing-lg: clamp(1.5rem, 4vw, 2rem);
    --spacing-xl: clamp(2rem, 5vw, 3rem);
    --spacing-2xl: clamp(3rem, 6vw, 4rem);
    
    /* Container Sizes */
    --container-sm: min(100%, 640px);
    --container-md: min(100%, 768px);
    --container-lg: min(100%, 1024px);
    --container-xl: min(100%, 1280px);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', sans-serif;
    background: var(--cream-white);
    color: var(--text-dark);
    line-height: 1.6;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

@supports (padding: env(safe-area-inset-bottom)) {
    .footer {
        padding-bottom: calc(0.4rem + env(safe-area-inset-bottom));
    }
    .mobile-menu {
        padding-bottom: env(safe-area-inset-bottom);
    }
    @media (max-width: 992px) {
        .main-content {
            bottom: calc(10px + env(safe-area-inset-bottom)) !important;
        }
    }
}