/* YooHoo Ecosystem - Liquid Global Design System */

:root {
    --radius-premium: 20px;
    --radius-soft: 12px;
    --radius-pill: 50px;
    
    --liquid-bg: rgba(255, 255, 255, 0.05);
    --liquid-border: rgba(255, 255, 255, 0.1);
    --liquid-blur: blur(20px);
    
    --accent-glow: 0 0 20px rgba(0, 122, 204, 0.3);
}

body.dark-theme {
    --liquid-bg: rgba(0, 0, 0, 0.3);
    --liquid-border: rgba(255, 255, 255, 0.05);
}

/* Universal Rounding & Liquid Effects */
.glass-effect, 
.search-bar, 
.result-card, 
.ide-modal-box, 
.activity-btn,
.promo-card,
.footer-container,
.mobile-menu,
.extension-list .ext-item,
.dashboard-card {
    border-radius: var(--radius-premium) !important;
    backdrop-filter: var(--liquid-blur);
}

input, select, button, .tab, .tree-item, .filter-chip {
    border-radius: var(--radius-soft) !important;
}

/* Specific Overrides for Consistency */
.search-bar.large { border-radius: var(--radius-pill) !important; }
.search-input { border-radius: 0 !important; }

/* Liquid Transitions */
* {
    transition: border-radius 0.3s ease, background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

/* Liquid Glow */
.active-liquid {
    box-shadow: var(--accent-glow);
    border-color: var(--accent-primary) !important;
}

/* Custom Scrollbar Liquid */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { 
    background: var(--liquid-border); 
    border-radius: 10px; 
}
::-webkit-scrollbar-thumb:hover { background: var(--text-ghost); }