/* Light theme for the homepage (Oct 2026 brand): the dark sections become an ivory field that warms
   toward a pale terracotta, with walnut text. The product panels (Inside the decision plane, the
   Decisions workspace, the featured research card) stay dark so they read as product, not page.
   Loaded after styles.css and hero-deck.css on the homepage only. */
:root {
  --lt-ivory: #f6f0e7;
  --lt-blush: #efdccd;
  --lt-ink: #2b241f;
  --lt-body: rgba(51, 44, 38, .78);
  --lt-muted: rgba(51, 44, 38, .56);
  --lt-faint: rgba(51, 44, 38, .38);
  --lt-kicker: #8a5a44;
  --lt-terra: #a35138;
  --lt-line: rgba(51, 44, 38, .16);
  --lt-panel: #221d19;
}

/* Section fields alternate direction so every seam meets the same tone. */
#mission, #decisions, #research { background: linear-gradient(180deg, var(--lt-ivory) 0%, var(--lt-blush) 100%) !important; color: var(--lt-ink); }
#platform, #moats { background: linear-gradient(180deg, var(--lt-blush) 0%, var(--lt-ivory) 100%) !important; color: var(--lt-ink); }
#mission::before, #research::before { background: radial-gradient(circle, rgba(163, 81, 56, .10), rgba(163, 81, 56, 0) 68%) !important; }

/* Shared type on the light field */
:is(#mission, #platform, #decisions, #research) .section-kicker { color: var(--lt-kicker) !important; }
:is(#mission, #platform, #decisions, #research) :is(h2, .display):not(:is(.platform-inside, .solutions-workspace, .research-feature) *) { color: var(--lt-ink) !important; }
#mission em { color: var(--lt-terra) !important; }
#mission p.reveal, #platform .intro-copy, #research .research-intro, .solutions-head p:not(.section-kicker) { color: var(--lt-body) !important; }

/* Product panels stay dark */
#platform .platform-inside { box-shadow: 0 40px 80px -40px rgba(51, 44, 38, .45); }
#decisions .solutions-workspace { background: var(--lt-panel) !important; border-color: transparent !important; box-shadow: 0 40px 80px -40px rgba(51, 44, 38, .45); }
#decisions .role-rail { background: #1b1714 !important; }
#research .research-feature { background: var(--lt-panel) !important; border-color: transparent !important; box-shadow: 0 40px 80px -40px rgba(51, 44, 38, .4); }

/* Decisions: domain switch and party row */
#decisions .solution-domain-switch { background: rgba(255, 255, 255, .45) !important; border-color: var(--lt-line) !important; }
#decisions .solution-domain:not(.is-active) span { color: var(--lt-faint) !important; }
#decisions .solution-domain:not(.is-active) strong { color: var(--lt-ink) !important; }
#decisions .solution-domain:not(.is-active) small { color: var(--lt-muted) !important; }
#decisions .solution-domain.is-active { background: var(--lt-ink) !important; }
#decisions .solution-domain.is-active strong { color: var(--lt-ivory) !important; }
#decisions .solution-domain.is-active :is(span, small) { color: #e09a7c !important; }
#decisions .party-row { border-color: var(--lt-line) !important; }
#decisions .party-caption { color: var(--lt-body) !important; }
#decisions .party-caption em { color: var(--lt-terra) !important; }
#decisions .party-ask { color: var(--lt-ink) !important; }
#decisions .party-button:not(.is-active) { border-color: rgba(51, 44, 38, .22) !important; background: rgba(255, 255, 255, .35) !important; }
#decisions .party-button:not(.is-active) strong { color: var(--lt-ink) !important; }
#decisions .party-button:not(.is-active) :is(span, small) { color: var(--lt-muted) !important; }
#decisions .party-button:not(.is-active):hover { border-color: rgba(51, 44, 38, .45) !important; }

/* Research: categories and the recent list */
#research .research-categories { background: rgba(255, 255, 255, .4) !important; border-color: var(--lt-line) !important; }
#research .research-categories > * { border-color: var(--lt-line) !important; }
#research .research-categories b { color: var(--lt-terra) !important; }
#research .research-categories strong { color: var(--lt-ink) !important; }
#research .research-categories small { color: var(--lt-muted) !important; }
#research .research-recent { background: rgba(255, 255, 255, .4) !important; border-color: var(--lt-line) !important; }
#research .research-recent-head { border-color: var(--lt-line) !important; }
#research .research-recent-head span { color: var(--lt-muted) !important; }
#research .research-recent-head a { color: var(--lt-ink) !important; }
#research .research-list a { border-color: var(--lt-line) !important; }
#research .research-list a:hover { background: rgba(255, 255, 255, .45) !important; }
#research .research-tag { color: var(--lt-terra) !important; }
#research .research-list h4 { color: var(--lt-ink) !important; }
#research .research-list i { color: var(--lt-faint) !important; }

/* Header: ivory glass with walnut type and the dark logo */
.site-header, .site-header.scrolled { background: rgba(246, 240, 231, .84) !important; border-color: rgba(51, 44, 38, .12) !important; color: var(--lt-ink) !important; }
.site-header .brand img[src*="-light"] { display: none; }
.site-header .brand img.brand-dark { display: block !important; }
.desktop-nav a { color: rgba(51, 44, 38, .66) !important; }
.desktop-nav a:hover, .desktop-nav a.is-active { color: var(--lt-ink) !important; }
.desktop-nav a::after { background: var(--lt-terra) !important; }
.header-cta { border-color: rgba(51, 44, 38, .3) !important; color: var(--lt-ink) !important; }
.header-cta:hover { background: rgba(51, 44, 38, .06) !important; border-color: rgba(51, 44, 38, .5) !important; }
.menu-toggle span { background: var(--lt-ink) !important; }
.scroll-meter span { background: var(--lt-terra) !important; }
.pointer-glow { display: none !important; }

/* Panels set their own type colour (they used to inherit it from the dark section). */
:is(#platform .platform-inside, #decisions .solutions-workspace, #research .research-feature) { color: #faf9f4 !important; }

/* Moats: cards sit on the warm field instead of grey paper */
#moats .section-kicker { color: var(--lt-kicker) !important; }
#moats .moat-grid { background: var(--lt-line) !important; border-color: var(--lt-line) !important; }
#moats .moat-card { background: rgba(255, 251, 245, .62) !important; }
#moats .memory-node { background: var(--lt-ivory) !important; }