/* Platform — Heritage Light
   Scoped to solutions.html. Existing layout, routes, and interactions stay intact. */
html[data-theme="light"] {
.platform-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.platform-vision,
.platform-vision .site-main,
.platform-vision .site-scroll { background: var(--heritage-cream) !important; }

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

/* Page hierarchy and surfaces */
.platform-vision .hero-badge {
  background: #eee3c9 !important;
  border-color: var(--heritage-border) !important;
  color: var(--heritage-burgundy) !important;
  box-shadow: none;
}
.platform-vision .hero-badge .badge-dot { background: var(--heritage-coral) !important; box-shadow: none; }
.platform-vision .section-eyebrow,
.platform-vision .gradient-text {
  background: none !important;
  color: var(--heritage-burgundy) !important;
  -webkit-text-fill-color: currentColor !important;
}
.platform-vision .section-title,
.platform-vision .cta-headline,
.platform-vision .ps-title,
.platform-vision .diff-card h3 { color: var(--heritage-burgundy) !important; }
.platform-vision .section-intro,
.platform-vision .hero-body,
.platform-vision .cta-sub { color: var(--heritage-copy) !important; }
.platform-vision .section-advantage { background: #f4ecd9 !important; border-color: var(--heritage-border) !important; }
.platform-vision .ps-card,
.platform-vision .outcome-cell,
.platform-vision .diff-card {
  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 Platform-only. */
html:not([data-theme="light"]) .platform-vision .ps-card {
  background: var(--heritage-panel) !important;
  border-color: var(--heritage-border) !important;
  box-shadow: var(--shadow-card) !important;
}
.platform-vision .ps-list li,
.platform-vision .ps-list li strong,
.platform-vision .ps-footnote,
.platform-vision .outcome-label { color: var(--heritage-copy) !important; }
.platform-vision .outcome-val { color: var(--heritage-burgundy) !important; }
.platform-vision .ps-footnote { border-color: var(--heritage-border); }

/* Purposeful, restrained persona indicators */
.platform-vision .ps-tag-problem,
.platform-vision .ps-icon-warn { background: #f5dfd5; color: #8a3e30; border-color: #d6a696; }
.platform-vision .ps-tag-solution,
.platform-vision .ps-icon-check { background: #e7ead5; color: #50604d; border-color: #b7bd91; }
.platform-vision .ps-tag-amz { background: #f1e0c8; color: #87551e; border-color: #d2ad74; }
.platform-vision .ps-tag-dtc { background: #e9e2ee; color: #645b7a; border-color: #bbb0c7; }
.platform-vision .ps-tag-wholesale { background: #e0e9d9; color: #50604d; border-color: #a8bb98; }

/* Existing inline legacy accent properties, remapped without DOM mutation. */
.platform-vision [style*="color:#00C2FF"] { color: var(--heritage-coral) !important; }
.platform-vision [style*="color:#E8910F"] { color: #87551e !important; }
.platform-vision [style*="color:#A78BFA"] { color: #645b7a !important; }
.platform-vision [style*="color:#34D399"] { color: var(--heritage-green) !important; }
.platform-vision [style*="color:#F87171"] { color: #8a3e30 !important; }
.platform-vision [style*="background:#00C2FF"] { background: var(--heritage-coral) !important; }
.platform-vision [style*="background:rgba(0,194,255"] { background: #f4e2d8 !important; }
.platform-vision [style*="background:rgba(232,145,15"] { background: #f1e0c8 !important; }
.platform-vision [style*="background:rgba(139,92,246"] { background: #e9e2ee !important; }
.platform-vision [style*="background:rgba(52,211,153"] { background: #e0e9d9 !important; }
.platform-vision [style*="background:rgba(244,63,94"] { background: #f5dfd5 !important; }
.platform-vision [style*="border-color:rgba(0,194,255"] { border-color: #d6a696 !important; }
.platform-vision [style*="border-color:rgba(232,145,15"] { border-color: #d2ad74 !important; }
.platform-vision [style*="border-color:rgba(139,92,246"] { border-color: #bbb0c7 !important; }
.platform-vision [style*="border-color:rgba(52,211,153"] { border-color: #a8bb98 !important; }
.platform-vision [style*="border-color:rgba(244,63,94"] { border-color: #d6a696 !important; }

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