/* themes/liquidglassdark/theme.css — Apple Liquid Glass Dark */

body.theme-liquidglassdark {
  --bg-page: #000000;
  --bg-card: rgba(28, 28, 30, 0.72);
  --bg-navbar: rgba(0, 0, 0, 0.72);
  --bg-hero: rgba(18, 18, 20, 0.85);
  --bg-footer: rgba(18, 18, 20, 0.9);
  --bg-section-label: rgba(28, 28, 30, 0.6);
  --text-primary: #f5f5f7;
  --text-secondary: #ebebf5;
  --text-muted: #8e8e93;
  --text-logo: #0a84ff;
  --accent: #0a84ff;
  --accent-2: #ff453a;
  --border-color: rgba(255, 255, 255, 0.12);
  --border-card: rgba(255, 255, 255, 0.1);
  --shadow-card: 0 2px 16px rgba(0, 0, 0, 0.6);
  --shadow-card-hover: 0 8px 32px rgba(10, 132, 255, 0.2);
  --badge-bg: rgba(28, 28, 30, 0.6);
  --badge-color: #0a84ff;
  --pill-bg: rgba(28, 28, 30, 0.6);
  --pill-color: #ebebf5;
  --cat-pill-bg: rgba(28, 28, 30, 0.6);
  --cat-pill-color: #ebebf5;
  --cat-pill-active-bg: #0a84ff;
  --cat-pill-active-color: #ffffff;
  --dropdown-bg: rgba(28, 28, 30, 0.85);
  --dropdown-text: #f5f5f7;
  --dropdown-hover: rgba(10, 132, 255, 0.12);
  --theme-btn-bg: rgba(28, 28, 30, 0.6);
  --theme-btn-color: #ebebf5;
  --hero-eyebrow: #0a84ff;
  --hero-accent: #ff453a;
  --hero-tag-bg: rgba(28, 28, 30, 0.6);
  --hero-tag-color: #0a84ff;
  --section-icon-color: #0a84ff;
  --font-family:
    -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', sans-serif;
  --card-radius: 20px;
  --card-border-width: 1px;
  --card-border-style: solid;
}

.swatch-liquidglassdark {
  background: linear-gradient(135deg, #0a84ff 50%, #1c1c1e 50%);
}

body.theme-liquidglassdark .chart-card {
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
}

body.theme-liquidglassdark .chart-card:hover {
  border-color: rgba(10, 132, 255, 0.4);
}

body.theme-liquidglassdark .portfolio-navbar {
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
}

body.theme-liquidglassdark ::-webkit-scrollbar {
  width: 8px;
}
body.theme-liquidglassdark ::-webkit-scrollbar-track {
  background: #000000;
}
body.theme-liquidglassdark ::-webkit-scrollbar-thumb {
  background: #3a3a3c;
  border-radius: 4px;
}
body.theme-liquidglassdark ::-webkit-scrollbar-thumb:hover {
  background: #636366;
}