/**
 * Palette overlays. Tokens live on html[data-cb-palette].
 * Classic matches the pre-2026-08 navy/teal site. Earth Gold is brand spec V1.0.
 */

html[data-cb-palette="classic"] {
  --color-primary: #265077;
  --color-primary-700: #1B3A56;
  --color-primary-600: #3A6A96;
  --color-primary-50: #E8F0F6;
  --color-secondary: #0D9488;
  --color-secondary-700: #0F766E;
  --color-secondary-50: #E6F4F2;
  --color-accent: #F59E0B;
  --color-accent-700: #B45309;
  --color-accent-600: #D97706;
  --color-accent-100: #FEF3C7;
  --color-bg: #F7F9FA;
  --color-surface: #FFFFFF;
  --color-panel: #E8EEF2;
  --color-neutral-100: #F1F5F9;
  --color-neutral-200: #E4E9EC;
  --color-border: #E4E9EC;
  --color-link: #265077;
  --color-link-hover: #1B3A56;
  --color-heading: #161C1F;
  --color-cta: #265077;
  --color-cta-hover: #1B3A56;
  --color-cta-fg: #FFFFFF;
  --color-header-bg: #FFFFFF;
  --color-header-fg: #265077;
  --color-footer-bg: #161C1F;
  --color-footer-fg: #E2E8F0;
  --color-gold-border: #E4E9EC;
  --color-hover-surface: #FFF8EE;
  --shadow-focus: 0 0 0 3px rgba(38, 80, 119, 0.22);
}

html[data-cb-palette="earth-gold"] {
  --color-primary: #8D6E63;
  --color-primary-700: #5D4037;
  --color-primary-600: #A1887F;
  --color-primary-50: #E8EEF2;
  --color-secondary: #D4AF37;
  --color-secondary-700: #B8962E;
  --color-secondary-50: #F8F1D8;
  --color-accent: #F39C12;
  --color-accent-700: #E08E0B;
  --color-accent-600: #F5B041;
  --color-accent-100: #FDEBD0;
  --color-bg: #F7F9FA;
  --color-surface: #FFFFFF;
  --color-panel: #E8EEF2;
  --color-neutral-100: #F1F5F9;
  --color-neutral-200: #E4E9EC;
  --color-border: #C5A55A;
  --color-neutral-400: #A1887F;
  --color-neutral-500: #8D6E63;
  --color-neutral-600: #5D4037;
  --color-neutral-700: #5D4037;
  --color-neutral-800: #5D4037;
  --color-neutral-900: #2C3E50;
  --color-link: #8D6E63;
  --color-link-hover: #5D4037;
  --color-heading: #2C3E50;
  --color-cta: #F39C12;
  --color-cta-hover: #E08E0B;
  --color-cta-fg: #FDF8F0;
  --color-header-bg: #8D6E63;
  --color-header-fg: #FDF8F0;
  --color-footer-bg: #8D6E63;
  --color-footer-fg: #F5EBE0;
  --color-gold-border: #C5A55A;
  --color-hover-surface: #FFF8EE;
  --color-success: #A1887F;
  --shadow-focus: 0 0 0 3px rgba(141, 110, 99, 0.22);
  --shadow-sm: 0 1px 2px rgba(93, 64, 55, 0.06);
  --shadow-md: 0 6px 20px rgba(93, 64, 55, 0.08);
  --shadow-lg: 0 12px 36px rgba(93, 64, 55, 0.1);
}

/* ----- Earth Gold chrome: header / footer / CTA ----- */
html[data-cb-palette="earth-gold"] .elementor-location-header {
  background: var(--color-header-bg) !important;
  border-bottom: 1px solid rgba(253, 248, 240, 0.18);
}
html[data-cb-palette="earth-gold"] .elementor-location-header .elementor-item,
html[data-cb-palette="earth-gold"] .elementor-location-header .elementor-nav-menu a {
  color: var(--color-header-fg) !important;
  border-color: rgba(253, 248, 240, 0.35) !important;
}
html[data-cb-palette="earth-gold"] .elementor-location-header .elementor-item:hover,
html[data-cb-palette="earth-gold"] .elementor-location-header .elementor-nav-menu a:hover {
  background: rgba(253, 248, 240, 0.12) !important;
  color: var(--color-header-fg) !important;
}
html[data-cb-palette="earth-gold"] .elementor-location-header a[href*="/membership"] {
  background: var(--color-cta) !important;
  border-color: var(--color-cta) !important;
  color: var(--color-cta-fg) !important;
}
html[data-cb-palette="earth-gold"] .elementor-location-header .cb-logo__name {
  color: var(--color-header-fg) !important;
}
html[data-cb-palette="earth-gold"] .elementor-location-header .cb-logo__tag,
html[data-cb-palette="earth-gold"] .elementor-location-header .cb-header-account__name,
html[data-cb-palette="earth-gold"] .elementor-location-header .cb-header-utility__link {
  color: var(--color-bg) !important;
}
html[data-cb-palette="earth-gold"] .cb-logo:not(.cb-logo--image) .cb-logo__name::after {
  content: "";
  display: inline-block;
  width: 0.4em;
  height: 0.4em;
  margin-left: 0.28em;
  border-radius: 50%;
  background: var(--color-secondary);
  vertical-align: super;
}
html[data-cb-palette="earth-gold"] .cb-logo__mark {
  background: linear-gradient(145deg, var(--color-primary) 0%, var(--color-primary-700) 100%);
}

html[data-cb-palette="earth-gold"] .elementor-location-footer,
html[data-cb-palette="earth-gold"] .elementor-location-footer .e-con.e-parent {
  background-color: var(--color-footer-bg) !important;
  color: var(--color-footer-fg) !important;
}
html[data-cb-palette="earth-gold"] .elementor-location-footer a,
html[data-cb-palette="earth-gold"] .elementor-location-footer p,
html[data-cb-palette="earth-gold"] .elementor-location-footer span,
html[data-cb-palette="earth-gold"] .elementor-location-footer li {
  color: var(--color-footer-fg) !important;
}

html[data-cb-palette="earth-gold"] .cb-btn--primary,
html[data-cb-palette="earth-gold"] .cb-gate-cta__btn,
html[data-cb-palette="earth-gold"] .wp-block-button__link,
html[data-cb-palette="earth-gold"] .ast-button,
html[data-cb-palette="earth-gold"] .elementor-button:not(.elementor-button-link) {
  background: var(--color-cta) !important;
  border-color: var(--color-cta) !important;
  color: var(--color-cta-fg) !important;
  border-radius: 4px !important;
}
html[data-cb-palette="earth-gold"] .cb-btn--primary:hover,
html[data-cb-palette="earth-gold"] .cb-gate-cta__btn:hover,
html[data-cb-palette="earth-gold"] .elementor-button:not(.elementor-button-link):hover {
  background: var(--color-cta-hover) !important;
  border-color: var(--color-cta-hover) !important;
  color: var(--color-cta-fg) !important;
}
html[data-cb-palette="earth-gold"] .cb-btn--secondary,
html[data-cb-palette="earth-gold"] .cb-btn--ghost {
  background: transparent !important;
  color: var(--color-primary) !important;
  border: 1.5px solid var(--color-gold-border) !important;
  border-radius: 4px !important;
}
html[data-cb-palette="earth-gold"] .cb-btn--secondary:hover,
html[data-cb-palette="earth-gold"] .cb-btn--ghost:hover {
  background: var(--color-bg) !important;
  color: var(--color-primary) !important;
}

html[data-cb-palette="earth-gold"] h1,
html[data-cb-palette="earth-gold"] .entry-title {
  color: var(--color-heading);
}
html[data-cb-palette="earth-gold"] h2 {
  color: var(--color-primary);
}

html[data-cb-palette="earth-gold"] .cb-badge--eu {
  border-color: var(--color-gold-border);
  background: var(--color-surface);
  color: var(--color-primary);
}

/* Elementor pages still ship a few hardcoded teal/navy inline styles. */
html[data-cb-palette="earth-gold"] a[style*="#0d9488"],
html[data-cb-palette="earth-gold"] a[style*="#0D9488"],
html[data-cb-palette="earth-gold"] a[style*="#265077"] {
  color: var(--color-primary) !important;
}