/* Why Traxium — Heritage Light
   Scoped to why-traxium.html. Existing layout, routes, and interactions stay intact. */
html[data-theme="light"] {
.why-vision {
  --heritage-cream: #f7f0df;
  --heritage-panel: #fffaf0;
  --heritage-soft: #f2e9d5;
  --heritage-green: #50604d;
  --heritage-olive: #697451;
  --heritage-burgundy: #5c2117;
  --heritage-coral: #b45140;
  --heritage-copy: #714234;
  --heritage-muted: #806253;
  --heritage-border: rgba(92, 33, 23, 0.13);
  --bg: var(--heritage-cream);
  --bg-2: var(--heritage-panel);
  --bg-3: var(--heritage-soft);
  --bg-4: #eee3c9;
  --bg-primary: var(--heritage-cream);
  --bg-panel: var(--heritage-panel);
  --bg-surface: var(--heritage-panel);
  --glass: var(--heritage-panel);
  --glass-hover: #fff8ea;
  --border: var(--heritage-border);
  --border-mid: rgba(92, 33, 23, 0.18);
  --border-bright: rgba(92, 33, 23, 0.26);
  --border-cyan: rgba(180, 81, 64, 0.42);
  --text: var(--heritage-burgundy);
  --text-primary: var(--heritage-burgundy);
  --text-secondary: var(--heritage-copy);
  --text-muted: var(--heritage-muted);
  --text-label: var(--heritage-copy);
  --shadow-card: 0 5px 16px rgba(92, 33, 23, 0.06);
}

body.why-vision,
.why-vision .site-main,
.why-vision .site-scroll { background: var(--heritage-cream) !important; }

/* Shared shell */
.why-vision .site-sidebar { background: var(--heritage-green); border-color: rgba(255, 250, 240, 0.16); }
.why-vision .site-sidebar-logo,
.why-vision .site-sidebar-footer { border-color: rgba(255, 250, 240, 0.16); }
.why-vision .site-sidebar .tx-logo-word { background: none; color: #fff8e9; -webkit-text-fill-color: currentColor; }
.why-vision .site-sidebar .tx-logo-sub,
.why-vision .site-sidebar-tagline { color: rgba(255, 248, 233, 0.70); }
.why-vision .site-nav-item { color: rgba(255, 248, 233, 0.84); }
.why-vision .site-nav-item:hover { background: rgba(255, 248, 233, 0.10); color: #fff8e9; }
.why-vision .site-nav-item.active { background: #848b62; color: #fff8e9; border-color: rgba(255, 248, 233, 0.12); box-shadow: none; }
.why-vision .theme-toggle-btn { background: rgba(255, 248, 233, 0.10); border-color: rgba(255, 248, 233, 0.26); color: #fff8e9; box-shadow: none; }
.why-vision .site-topbar { background: rgba(255, 250, 240, 0.88); border-color: rgba(92, 33, 23, 0.10); }
.why-vision .site-topbar .btn-ghost-sm,
.why-vision .btn-ghost { background: var(--heritage-olive) !important; border-color: transparent !important; color: #fff8e9 !important; box-shadow: none !important; }
.why-vision .site-topbar .btn-cyan-sm,
.why-vision .btn-cyan { background: var(--heritage-coral) !important; border-color: transparent !important; color: #fff8e9 !important; box-shadow: 0 7px 16px rgba(151, 68, 47, 0.17) !important; }
.why-vision .site-topbar .btn-ghost-sm:hover,
.why-vision .btn-ghost:hover,
.why-vision .site-topbar .btn-cyan-sm:hover,
.why-vision .btn-cyan:hover { filter: brightness(0.96); transform: translateY(-1px); }
.why-vision .site-shell-toggle { background: var(--heritage-panel); border-color: var(--heritage-border); }
.why-vision .site-shell-toggle span { background: var(--heritage-burgundy); }

/* Page hierarchy and existing surfaces */
.why-vision .section-eyebrow,
.why-vision .gradient-text { background: none !important; color: var(--heritage-burgundy) !important; -webkit-text-fill-color: currentColor !important; }
.why-vision .section-title,
.why-vision .cta-headline,
.why-vision .ps-title,
.why-vision .diff-title { color: var(--heritage-burgundy) !important; }
.why-vision .section-intro,
.why-vision .hero-body,
.why-vision .cta-sub,
.why-vision .diff-desc,
.why-vision .outcome-sub { color: var(--heritage-copy) !important; }
.why-vision .ps-card,
.why-vision .diff-card,
.why-vision .outcome-cell { background: var(--heritage-panel) !important; border-color: var(--heritage-border) !important; box-shadow: var(--shadow-card) !important; }
/* Outranks the shared dark-theme card reset while remaining Why Traxium-only. */
html:not([data-theme="light"]) .why-vision .ps-card { background: var(--heritage-panel) !important; border-color: var(--heritage-border) !important; box-shadow: var(--shadow-card) !important; }
.why-vision .ps-list li,
.why-vision .ps-list li strong,
.why-vision .ps-footnote { color: var(--heritage-copy) !important; }
.why-vision .ps-footnote { border-color: var(--heritage-border); }
.why-vision .outcome-label { color: var(--heritage-burgundy) !important; }
.why-vision .diff-card:hover,
.why-vision .outcome-cell:hover { border-color: rgba(92, 33, 23, 0.24) !important; }

/* Purposeful, restrained indicators */
.why-vision .ps-tag-problem,
.why-vision .ps-icon-warn { background: #f5dfd5; color: #8a3e30; border-color: #d6a696; }
.why-vision .ps-tag-solution,
.why-vision .ps-icon-check { background: #e7ead5; color: var(--heritage-green); border-color: #b7bd91; }
.why-vision .diff-icon-cyan { background: #f5dfd5; color: #8a3e30; border-color: #d6a696; }
.why-vision .diff-icon-gold { background: #f1e0c8; color: #87551e; border-color: #d2ad74; }
.why-vision .diff-icon-purple { background: #e9e2ee; color: #645b7a; border-color: #bbb0c7; }

.why-vision .section-cta { background: #eee4cf !important; border-color: var(--heritage-border) !important; }
.why-vision .cta-glow { background: radial-gradient(ellipse, rgba(232, 120, 95, 0.13), rgba(129, 138, 97, 0.10) 48%, transparent 74%); }
.why-vision .footer { background: var(--heritage-cream) !important; border-color: var(--heritage-border); }
.why-vision .footer .tx-logo-word { background: none; color: var(--heritage-burgundy); -webkit-text-fill-color: currentColor; }
.why-vision .footer .tx-logo-sub,
.why-vision .footer-tagline,
.why-vision .footer-heading,
.why-vision .footer-link,
.why-vision .footer-bottom { color: var(--heritage-muted) !important; }
.why-vision .footer-link:hover { color: var(--heritage-burgundy) !important; }
.why-vision a:focus-visible,
.why-vision button:focus-visible { outline: 3px solid rgba(232, 120, 95, 0.52); outline-offset: 3px; box-shadow: none; }
}