:root {
  --radius-premium: 24px;
  --radius-soft: 16px;
  --radius-pill: 100px;

  --liquid-bg: rgba(255, 255, 255, 0.7);
  --liquid-border: rgba(255, 255, 255, 0.4);
  --liquid-blur: blur(25px) saturate(180%);

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 8px 16px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.12);

  --accent-glow: 0 0 24px rgba(0, 113, 227, 0.2);

  --font-apple: -apple-system, BlinkMacSystemFont, "SF Pro Display",
    "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
}

body.dark-theme,
.dark-theme {
  --liquid-bg: rgba(28, 28, 30, 0.7);
  --liquid-border: rgba(255, 255, 255, 0.1);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.6);
}

/* 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;
}

.search-bar.large 
{
  border-radius: var(--radius-pill) !important;
}
.search-input 
{
  border-radius: 0 !important;
}

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


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

::-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);
}