:root {
  /* Brand Colors */
  --main-brand-color: #c19962;
  --second-brand-color-1: #647977;
  --second-brand-color-2: #d3ada5;

  /* Content Colors */
  --content-primary-light: #0e121b;
  --base-black: #0e121b;
  --base-gray: #525866;
  --gray-600: #525866;
  --gray-300: #cacfd8;
  --bg-primary: #e5e5d8;
  --content-tertiary-light: #d1e5e2;
  --footer-bg: #867e73;
}

/* Theme 2026 - Override only what changes */
.theme-2026 {
  /* Brand Colors - New 2026 palette */
  --main-brand-color: #9b7d5a;
  --second-brand-color-1: #5a7a78;
  --second-brand-color-2: #c9a59e;

  /* Content Colors */
  --bg-primary: #e2e2d8;
  --content-tertiary-light: #e2e2d8;
  --footer-bg: #6b6359;

  /* Hero Banner */
  --hero-bg: #4a6b6a;
  --hero-accent: #d4a84b;

  /* Section Backgrounds */
  --about-bg: #f5f4ef;
  --experiences-bg: #cddedd;
  --bubble-bg: #e2e2d8;
}

/* 2026 theme body background */
body.theme-2026.home.index {
  background-color: var(--hero-bg);
}

/* 2026 About section background */
.theme-2026 #about-section {
  background-color: var(--about-bg);
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin-top: 0;
}

/* Header glass effect on scroll */
.theme-2026 #main-header.nav-scrolled {
  background: rgba(74, 107, 106, 0.5) !important;
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
}

/* Ensure navbar inside has no background when scrolled */
.theme-2026 #main-header.nav-scrolled #nav-bar {
  background: transparent !important;
}