/* themes/liquidglasslight/theme.css — Apple Liquid Glass Light */

body.theme-liquidglasslight {
  --bg-page: #f2f2f7;
  --bg-card: rgba(255, 255, 255, 0.72);
  --bg-navbar: rgba(242, 242, 247, 0.72);
  --bg-hero: rgba(242, 242, 247, 0.85);
  --bg-footer: rgba(230, 230, 235, 0.85);
  --bg-section-label: rgba(255, 255, 255, 0.6);
  --text-primary: #1c1c1e;
  --text-secondary: #3a3a3c;
  --text-muted: #8e8e93;
  --text-logo: #0a84ff;
  --accent: #0a84ff;
  --accent-2: #ff453a;
  --border-color: rgba(60, 60, 67, 0.18);
  --border-card: rgba(255, 255, 255, 0.55);
  --shadow-card: 0 2px 16px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.04);
  --shadow-card-hover: 0 6px 24px rgba(10, 132, 255, 0.14);
  --badge-bg: rgba(255, 255, 255, 0.6);
  --badge-color: #0a84ff;
  --pill-bg: rgba(255, 255, 255, 0.5);
  --pill-color: #3a3a3c;
  --cat-pill-bg: rgba(255, 255, 255, 0.5);
  --cat-pill-color: #3a3a3c;
  --cat-pill-active-bg: #0a84ff;
  --cat-pill-active-color: #ffffff;
  --dropdown-bg: rgba(255, 255, 255, 0.85);
  --dropdown-text: #1c1c1e;
  --dropdown-hover: rgba(10, 132, 255, 0.08);
  --theme-btn-bg: rgba(255, 255, 255, 0.5);
  --theme-btn-color: #3a3a3c;
  --hero-eyebrow: #0a84ff;
  --hero-accent: #ff453a;
  --hero-tag-bg: rgba(255, 255, 255, 0.5);
  --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-liquidglasslight {
  background: linear-gradient(
    135deg,
    #0a84ff 50%,
    rgba(255, 255, 255, 0.7) 50%
  );
}

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

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

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