/* SAGE — default theme, soft beige + white nav + green accent */
[data-theme="sage"] {
  --c-page-bg:#fffbf5; --c-section-light:#fdf4ea; --c-section-dark:#e8d2b8;
  --c-section-dark-text:#181818; --c-section-dark-text-rgb:24,24,24;
  --c-hero-bg:#e8cea7; --c-hero-text:#181818; --c-hero-sub:rgba(24,24,24,.6);
  --c-particle-color: transparent;
  --c-hero-gradient: none;

  --c-nav-bg:#ffffff; --c-nav-btn-bg:#e0e0e0; --c-nav-btn-border:#d4d4d4;
  --c-nav-border:rgba(0,0,0,.06); --c-nav-shadow:4px 0 20px rgba(0,0,0,.06);
  --c-nav-text:#181818; --c-nav-text-muted:rgba(24,24,24,.5);
  --c-nav-hover-bg:#058a4b; --c-nav-hover-text:#ffffff;
  --c-nav-active-bg:#058a4b; --c-nav-active-text:#f0f0f0; --c-nav-active-bar:#058a4b;
  --c-nav-logo-area-border:#e0e0e0;
  --c-nav-cta-bg:#058a4b; --c-nav-cta-text:#ffffff; --c-nav-cta-hover:#046d3b;

  --c-lang-text:#181818; --c-lang-border:#d4d4d4;
  --c-lang-active-bg:#058a4b; --c-lang-active-text:#ffffff; --c-lang-active-border:#058a4b;
  --c-lang-switcher-bg:#e0e0e0;

  --c-topbar-bg:rgba(255,255,255,.72); --c-topbar-border:rgba(0,0,0,.06);
  --c-topbar-link-text:#181818; --c-topbar-link-hover:#058a4b; --c-topbar-underline:#058a4b;
  --c-topbar-ctrl-text:rgba(24,24,24,.5); --c-topbar-ctrl-hover:#e0e0e0;
  --c-topbar-lang-bg:#e0e0e0; --c-topbar-lang-active-bg:#ffffff; --c-topbar-lang-active-text:#058a4b;

  --c-mobile-bar-bg:#ffffff; --c-mobile-bar-border:rgba(0,0,0,.06);
  --c-mobile-overlay-bg:#ffffff; --c-mobile-overlay-border:#e0e0e0;
  --c-mobile-link-text:#181818; --c-mobile-link-border:#e0e0e0;
  --c-mobile-link-hover:#058a4b; --c-mobile-arrow:#058a4b;
  --c-mobile-close-text:rgba(24,24,24,.5); --c-mobile-close-bg:#e0e0e0;
  --c-mobile-footer-border:#e0e0e0;
  --c-mobile-lang-text:rgba(24,24,24,.5); --c-mobile-lang-border:#d4d4d4;
  --c-mobile-lang-active-bg:#058a4b; --c-mobile-lang-active-text:#ffffff; --c-mobile-lang-active-border:#058a4b;
  --c-mobile-tagline:rgba(24,24,24,.35); --c-hamburger:#181818;

  --c-audio-bg:rgba(255,255,255,.7); --c-audio-border:rgba(5,138,75,.2);
  --c-audio-play-bg:#e0e0e0; --c-audio-play-text:#181818; --c-audio-play-hover:#058a4b;
  --c-audio-play-shadow:rgba(5,138,75,.2); --c-audio-title:#058a4b;
  --c-audio-time:rgba(24,24,24,.4); --c-audio-vol-bg:rgba(0,0,0,.1); --c-audio-thumb:#058a4b;

  --c-footer-bg:#e8cea7; --c-footer-text:rgba(24,24,24,.75);
  --c-footer-gradient: linear-gradient(to bottom, #e8cea7 0%, #dfc5a0 50%, #d4b088 100%);
  --c-footer-tagline:rgba(24,24,24,.55); --c-footer-heading:rgba(24,24,24,.38);
  --c-footer-link:rgba(24,24,24,.65); --c-footer-link-hover:#181818;
  --c-footer-email:rgba(24,24,24,.65); --c-footer-border:rgba(24,24,24,.12);
  --c-footer-social-bg:rgba(24,24,24,.06); --c-footer-social-border:rgba(24,24,24,.12);
  --c-footer-social-hover-bg:#058a4b; --c-footer-social-hover-text:#ffffff;
  --c-footer-copy:rgba(24,24,24,.55); --c-footer-legal:rgba(24,24,24,.75);
  --c-footer-legal-sep:rgba(24,24,24,.3);

  --c-accent:#058a4b; --c-accent-dark:#046d3b; --c-accent-light:rgba(5,138,75,.12);
  --c-accent-pale:rgba(5,138,75,.06); --c-accent-rgb:5,138,75;
  --c-eyebrow:#058a4b; --c-stat-num:#058a4b; --c-value-num:#058a4b;
  --c-post-cat:#058a4b; --c-card-tag-text:#058a4b; --c-card-tag-bg:rgba(5,138,75,.08);
  --c-highlight-border:#058a4b; --c-highlight-bg:rgba(5,138,75,.06);

  --c-btn-primary-bg:var(--c-section-light); --c-btn-primary-text:#181818;
  --c-btn-primary-border:#058a4b; --c-btn-primary-hover:#058a4b;
  --c-btn-glow:rgba(5,138,75,.25); --c-btn-outline-color:#058a4b;
  --c-btn-ghost-text:#181818; --c-btn-ghost-border:rgba(255,255,255,.5); --c-btn-ghost-hover-text:#ffffff; --c-btn-ghost-hover:var(--c-accent);

  --c-card-bg:#ffffff; --c-card-border:#e0e0e0;
  --c-card-hover-shadow:0 8px 24px rgba(0,0,0,.08);
  --c-brand-card-glow:rgba(5,138,75,.2); --c-brand-card-shimmer:rgba(5,138,75,.07);
  --c-input-bg:#ffffff; --c-input-border:#d4d4d4;
  --c-input-focus:#058a4b; --c-input-focus-ring:rgba(5,138,75,.2);

  --c-wave-bg-dark:#e8d2b8; --c-wave-bg-light:#fdf4ea;
  --c-wave-bg-hero:#e8cea7; --c-wave-bg-brand:#e8cea7; --c-wave-bg-footer:#fffbf5;

  --c-scrollbar-thumb:#d4d4d4; --c-scrollbar-track:#fffbf5;
  --c-cookie-bg:#ffffff; --c-cookie-border:rgba(5,138,75,.2);

  /* aliases */
  --forest:#e8cea7; --forest-mid:#ffffff; --forest-sage:#e0e0e0; --forest-ink:#181818;
  --linen:#fffbf5; --linen-dark:#e0e0e0; --linen-deeper:#d4d4d4;
  --amber:#058a4b; --amber-deep:#046d3b; --amber-light:rgba(5,138,75,.12); --amber-pale:rgba(5,138,75,.06);
  --gold:#058a4b; --gold-light:#07a85c;
  --brand:#058a4b; --brand-dark:#046d3b; --brand-mid:#058a4b; --brand-light:#07a85c; --brand-pale:rgba(5,138,75,.06);
  --walnut:#181818; --walnut-mid:#404040; --walnut-light:#888888;
  --charcoal:#181818; --text:#181818; --text-mid:#404040; --text-light:#888888;
  --border:#e0e0e0; --cream:#fffbf5; --cream-dark:#e0e0e0;
  --green-deep:#058a4b; --green-mid:#07a85c; --green-light:#07a85c; --green-pale:rgba(5,138,75,.06);
  /* ── Brand box tokens ── */
  --c-brandbox-bg: #484848;
  --c-brandbox-card: #2e2e2e;
  --c-brandbox-logo: #1e1e1e;
  --c-brandbox-border: rgba(255,255,255,.08);
  --c-brandbox-text: #ffffff;
  --c-brandbox-muted: rgba(255,255,255,.9);
  /* ── Button gradient tokens ── */
  --c-btn-gradient: linear-gradient(145deg, #ffffff 0%, #e8e8e8 100%);
  --c-btn-gradient-hover: linear-gradient(145deg, #058a4b 0%, #046d3b 100%);
  --c-btn-shadow: 0 1px 3px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.9);
  --c-btn-shadow-hover: 0 4px 14px rgba(5,138,75,.3), inset 0 1px 0 rgba(255,255,255,.15);
}
[data-theme="sage"] .logo-white,[data-theme="sage"] .logo-black,[data-theme="sage"] .top-logo-img.logo-white,[data-theme="sage"] .top-logo-img.logo-black{display:none !important}
[data-theme="sage"] .logo-green,[data-theme="sage"] .top-logo-img.logo-green{display:block !important}
[data-theme="sage"] .footer-logo.logo-black,[data-theme="sage"] .footer-logo.logo-green,[data-theme="sage"] .footer-logo-sm.logo-black,[data-theme="sage"] .footer-logo-sm.logo-green{display:none !important}
[data-theme="sage"] .footer-logo.logo-whitegreen,[data-theme="sage"] .footer-logo-sm.logo-whitegreen{display:none !important}
[data-theme="sage"] .footer-logo.logo-green,[data-theme="sage"] .footer-logo-sm.logo-green{display:inline-block !important}

/* Sage: brand section uses beige instead of dark grey */
[data-theme="sage"] .c-section--brand { background: var(--c-hero-bg); color: var(--c-section-dark-text); }