/* public/assets/css/theme-warm-gold.css
 * Mount Creator's own skin (Klemen, 2026-11-11): warm paper and gold. A limestone canvas, ink text, white cards,
 * gold accents, the pine mountain mark. Fonts, layout and components stay those of the Sprints page.
 *
 * How it works: the copied stylesheets (tokens, site, sales, sprints, slides) are byte-for-byte copies and build the
 * dark Sprints theme under html[data-et-theme="dark"]. The page keeps that attribute so every component rule still
 * applies, and this sheet, loaded last, re-declares the theme variables and every dark-only surface. Nothing in the
 * copies is edited; everything the skin needs lives here.
 *
 * Palette (brand/brand.json): pine #2E6F40, forest #173F27, moss #4E8F5E, ink #15231B, slate #4A5560, canvas #F9F8F3,
 * limestone #E7E2D6, wood #E8D5B0, honey #D4A857, heartwood #8C6428, bronze #B8893A. Gold as text only in the deeper
 * tones (heartwood, bronze); honey and pale gold only for fills, lines and glows. No blue or teal accents, no red.
 */

html[data-et-theme="dark"] {
  --sp-bg-top: #FBF8F1; --sp-bg: #F1ECE0;
  --sp-text: #15231B; --sp-muted: #4A5560; --sp-dim: #5F6B65; /* #5F6B65 measured 3.7:1 on limestone; this keeps small labels at 4.5:1+ */
  --sp-accent: #8C6428; --sp-water: #D4A857;
  --sp-line: rgba(140, 100, 40, .14); --sp-line-strong: rgba(140, 100, 40, .26);
  --sp-glass: linear-gradient(180deg, rgba(255, 255, 255, .94) 0%, rgba(255, 255, 255, .80) 100%);
  --sp-glass-solid: #FFFFFF;
  --sp-highlight: inset 0 1px 0 rgba(255, 255, 255, 1);
  --sp-shadow: 0 24px 50px -30px rgba(23, 63, 39, .28);
  --sp-glow: 0 0 0 1px rgba(212, 168, 87, .35), 0 22px 60px -24px rgba(212, 168, 87, .45);
  --mc-gold: linear-gradient(120deg, #8C6428 0%, #B8893A 50%, #D4A857 100%);
  color-scheme: light; background: var(--sp-bg);
}
html[data-et-theme="dark"] body { background-color: var(--sp-bg); background-image: linear-gradient(180deg, var(--sp-bg-top) 0, var(--sp-bg) 900px); color: var(--sp-muted); }
html[data-et-theme="dark"] a { color: var(--sp-accent); }
html[data-et-theme="dark"] ::selection { background: rgba(212, 168, 87, .35); color: var(--sp-text); }
html[data-et-theme="dark"] :focus-visible { outline: 3px solid #B8893A; outline-offset: 3px; }

/* header bar and nav pill */
html[data-et-theme="dark"] .fp-head.sp-head-bar { background: linear-gradient(180deg, rgba(251, 248, 241, .94) 0%, rgba(251, 248, 241, .74) 100%); border-bottom: 1px solid rgba(140, 100, 40, .12); box-shadow: 0 18px 40px -30px rgba(23, 63, 39, .3); }
.sp-nav { background: rgba(255, 255, 255, .74); border-color: rgba(140, 100, 40, .18); box-shadow: inset 0 1px 0 #fff, 0 10px 30px -18px rgba(23, 63, 39, .3); }
html[data-et-theme="dark"] .sp-nav-link { color: var(--sp-text); }

/* section glow, eyebrows, tiles, the brand */
.sp-glow::before { background: radial-gradient(60% 50% at 82% 0%, rgba(212, 168, 87, .38) 0%, transparent 70%), radial-gradient(70% 60% at 12% 10%, rgba(232, 213, 176, .5) 0%, transparent 70%); }
.sp-eyebrow::before { background: var(--sp-water); box-shadow: 0 0 10px 2px rgba(212, 168, 87, .55); }
.sp-tile { color: var(--sp-accent); }
.sp-tile span { color: var(--sp-muted); }
.mc-brand .mc-mark { color: #2E6F40; }
.sp-hero-body em, .sp-paths h2 em, .sp-word, .mc-brand-accent { color: #8C6428; background: var(--mc-gold); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.sp-word.sl-word-filter { color: #8C6428; background: none; -webkit-text-fill-color: #8C6428; }

/* hero: the phone and the floating answer chips */
.sp-phone { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), inset 0 0 0 1px rgba(0, 0, 0, .5), 0 44px 90px -34px rgba(23, 63, 39, .45), 0 30px 100px -40px rgba(212, 168, 87, .55); }
.sp-chip-float { color: var(--sp-text); background: rgba(255, 255, 255, .9); border: 1px solid rgba(212, 168, 87, .5); box-shadow: inset 0 1px 0 #fff, 0 18px 40px -18px rgba(23, 63, 39, .3); }
.sp-chip-float span { color: var(--sp-accent); }

/* What is a Sprint: the two diagrams */
.sp-what-dia { border-color: var(--sp-line); background: radial-gradient(90% 70% at 50% 0%, rgba(212, 168, 87, .18) 0%, transparent 70%), rgba(255, 255, 255, .5); }
.sp-what-box { fill: rgba(255, 255, 255, .88); stroke: var(--sp-line-strong); }
.sp-what-box.is-title { fill: #FFFFFF; stroke: rgba(184, 137, 58, .45); }
.sp-what-page { fill: #FFFFFF; stroke: rgba(184, 137, 58, .55); }
.sp-what-page-glow { stroke: #D4A857; opacity: .18; }
.sp-wd-dot { fill: rgba(21, 35, 27, .16); }
.sp-wd-k { fill: #B8893A; }
.sp-wd-rule { stroke: var(--sp-line); }
.sp-wd-tag { fill: rgba(212, 168, 87, .14); stroke: rgba(184, 137, 58, .5); }
.sp-wd-pill rect { fill: #F9F8F3; stroke: rgba(21, 35, 27, .14); }
.sp-wd-pill circle { fill: #B8893A; }
.sp-wd-row rect { fill: #F9F8F3; stroke: var(--sp-line); }
.sp-wd-row circle { fill: none; stroke: var(--sp-line-strong); }
.sp-wd-row.is-on rect { fill: rgba(212, 168, 87, .16); stroke: rgba(184, 137, 58, .6); }
.sp-wd-row.is-on circle { fill: #B8893A; stroke: #B8893A; }
.sp-wd-row.is-on .sp-wt-n { fill: #FFFFFF; }
.sp-wd-open { fill: rgba(46, 111, 64, .10); stroke: rgba(46, 111, 64, .5); }
.sp-wt-open { fill: #2E6F40; }
.sp-what-port { fill: #FFFFFF; stroke: #2E6F40; }
.sp-what-port.is-sm { stroke: rgba(46, 111, 64, .7); }
.sp-what-port.sl-port-warm { stroke: #B8893A; }
.sp-fib-base { stroke: rgba(21, 35, 27, .07); }
.sp-fib-lit { opacity: .6; }
.sp-what-node-core, .sp-what-node-core.sl-node-warm { fill: #B8893A; }
.sl-filter-box { fill: rgba(255, 250, 238, .96); }
.sl-filter-glow { opacity: .2; }
.sl-filter-k { fill: #8C6428; }
.sl-filter-row rect { fill: rgba(212, 168, 87, .14); stroke: rgba(184, 137, 58, .5); }
.sl-filter-row circle { fill: #B8893A; }
.sl-page-warm { stroke: #D4A857; opacity: .35; }
@keyframes sl-filter-row { 0%, 100% { fill: rgba(212, 168, 87, .14); stroke: rgba(184, 137, 58, .5); } 50% { fill: rgba(212, 168, 87, .3); stroke: rgba(140, 100, 40, .8); } }
.sp-what .is-u1 { --u: #2F6FB5; } .sp-what .is-u2 { --u: #2E6F40; } .sp-what .is-u3 { --u: #B8893A; }
.sp-wd-av-ring { fill: #FFFFFF; stroke-opacity: .6; }
.sp-wd-av-edge { stroke: rgba(255, 255, 255, .9); }
.sp-wd-card-bg { fill: color-mix(in srgb, var(--u) 8%, #FFFFFF); stroke-opacity: .5; }
.sp-wd-utag { fill: color-mix(in srgb, var(--u) 12%, #FFFFFF); }
.sp-wd-act { fill: color-mix(in srgb, var(--u) 9%, #FFFFFF); stroke-opacity: .4; }
.sp-wd-cover-i { stroke: #FFFFFF; }
.sp-wt-init { fill: #FFFFFF; }

/* =============================================================================================== shared surfaces */
/* slides.css backs every glass card with the dark page colour (#0E1712) for the flicker fix; on paper it is white. */
.sp-glass, .sp-btn-ghost { background-color: #FFFFFF; }
.sp-glass.sp-hover:hover, .sp-glass.sp-hover:focus-within { border-color: rgba(184, 137, 58, .55); }
.sp-btn-ghost:hover { border-color: rgba(184, 137, 58, .6); }
html[data-et-theme="dark"] .btn-primary { box-shadow: 0 14px 34px -14px rgba(140, 100, 40, .55), var(--sp-highlight); }
html[data-et-theme="dark"] .btn-primary:hover { box-shadow: 0 18px 44px -14px rgba(140, 100, 40, .7), var(--sp-highlight); }
html[data-et-theme="dark"] .sp-link { color: var(--sp-accent); }
.sp-tag.is-on { color: #8C6428; border-color: rgba(184, 137, 58, .45); background: rgba(212, 168, 87, .14); }
.sp-tile { background: linear-gradient(180deg, #FFFFFF 0%, #FBF6EA 100%); border-color: rgba(184, 137, 58, .28); }
.sp-tile span { color: #6B5A3E; }
html { scrollbar-color: rgba(140, 100, 40, .4) #F1ECE0; }
/* The stacks dim a covered card (filter: brightness); on paper that turns white grey, so a covered card only scales. */
@media (prefers-reduced-motion: no-preference) and (min-height: 640px) {
  .sl-stack > .has-next { filter: brightness(calc(1 - .06 * var(--sl-p, 0))); }
}
@keyframes sp-covered { to { transform: scale(.94); filter: brightness(.96); } }
@keyframes sp-covered-lift { to { transform: translateY(calc(-1 * var(--sp-strip))) scale(.96); filter: brightness(.96); } }

/* =============================================================================================== header bar */
html[data-et-theme="dark"] a.sp-nav-link { color: #3A4640; }
html[data-et-theme="dark"] a.sp-nav-link:hover, html[data-et-theme="dark"] a.sp-nav-link:focus-visible { color: #8C6428; background: rgba(212, 168, 87, .14); box-shadow: inset 0 1px 0 #fff; }
html[data-et-theme="dark"] a.sp-nav-link[aria-current="page"] { color: var(--sp-text); background: rgba(212, 168, 87, .12); }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html[data-et-theme="dark"] .fp-head.sp-head-bar { background: rgba(251, 248, 241, .97); }
  .sp-nav { background: #FFFFFF; }
}
/* phones: the pinned eyebrow bar over a stack is paper glass like the header */
@media (prefers-reduced-motion: no-preference) and (min-height: 640px) and (max-width: 899px) {
  .sl-stack-eyebrow { background: rgba(251, 248, 241, .9); }
}

/* =============================================================================================== sl-funnel */
.sl-funnel-n { background: linear-gradient(135deg, #8C6428 0%, #B8893A 55%, #D4A857 100%); color: #FFFFFF; box-shadow: 0 0 0 1px rgba(212, 168, 87, .35), 0 12px 26px -12px rgba(140, 100, 40, .6); }
.sl-tag { border-color: rgba(184, 137, 58, .45); color: #8C6428; }
/* sl-flow: the phases and the step path */
.sl-phase-name { border-bottom-color: rgba(140, 100, 40, .18); color: #5F6B65; }
.sl-step::before { background: #B8893A; opacity: .55; }
.sl-dot { background: #FFFFFF; border-color: #B8893A; color: #8C6428; }
.sl-step.is-optional .sl-dot { background: #FBF8F1; color: #5F6B65; }
.sl-step.is-goal .sl-dot { background: linear-gradient(135deg, #B8893A, #D4A857); border-color: #B8893A; color: #FFFFFF; box-shadow: 0 0 0 6px rgba(212, 168, 87, .22), 0 0 22px rgba(212, 168, 87, .45); }
.sl-label { color: #15231B; }
.sl-label small { color: #5F6B65; }
.sl-phase.is-next .sl-phase-name { color: #8C6428; border-bottom-color: rgba(184, 137, 58, .55); }
.sl-step.is-next::before { background: repeating-linear-gradient(90deg, #B8893A 0 6px, transparent 6px 12px); }
.sl-step.is-next .sl-dot { background: #FFF8EA; border-color: #B8893A; color: #8C6428; box-shadow: 0 0 14px rgba(212, 168, 87, .35); }
.sl-step.is-next .sl-label { color: #8C6428; }
.sl-step.is-next .sl-label small { color: #8C6428; }
@media (max-width: 720px) { .sl-step.is-next::before { background: repeating-linear-gradient(180deg, #B8893A 0 6px, transparent 6px 12px); } }
/* sl-best: what each funnel is best for */
.sl-best { background: linear-gradient(120deg, rgba(212, 168, 87, .16), rgba(232, 213, 176, .1) 70%), #FFFCF5; border-color: rgba(184, 137, 58, .38); border-left-color: #B8893A; }
.sl-best-label { color: #8C6428; }
.sl-best-title { color: #15231B; }
.sl-best-title span { color: #8C6428; }
.sl-best-text { color: #4A5560; }
/* the engine pills keep the flywheel's three hues, as tinted pills with dark text */
.sl-engine-pill { box-shadow: none; border: 1px solid; }
.sl-engine-pill.is-rr { background: rgba(46, 158, 94, .12); border-color: rgba(46, 158, 94, .4); color: #1F6B3D; box-shadow: none; }
.sl-engine-pill.is-ev { background: rgba(168, 75, 192, .11); border-color: rgba(168, 75, 192, .38); color: #7E2F94; box-shadow: none; }
.sl-engine-pill.is-promo { background: rgba(30, 134, 208, .11); border-color: rgba(30, 134, 208, .38); color: #165E94; box-shadow: none; }

/* =============================================================================================== sl-work-card (How it works, The platform) */
.sl-work-num { background: var(--mc-gold); -webkit-background-clip: text; background-clip: text; color: transparent; filter: none; }
html.sl-flat .sl-work-num { color: #8C6428 !important; -webkit-text-fill-color: #8C6428 !important; }

/* =============================================================================================== sprint-inside: the card stack */
.sp-focus-card { background: linear-gradient(180deg, #FFFFFF 0%, #FBF7EE 100%); border-color: rgba(184, 137, 58, .26); box-shadow: inset 0 1px 0 #fff, 0 -18px 40px -30px rgba(23, 63, 39, .35), 0 24px 50px -30px rgba(23, 63, 39, .3); }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .sp-focus-card { background: #FFFFFF; } }
.sp-focus-card .sp-bento-text h3::before { color: #8C6428; }
.sp-h3-ic { color: #8C6428; background: linear-gradient(160deg, rgba(212, 168, 87, .24), rgba(232, 213, 176, .14)); border-color: rgba(184, 137, 58, .38); }
.sp-h3-ic.is-brands { background: #FFFFFF; border-color: rgba(184, 137, 58, .3); }
/* the results blocks inside the cards: warm panel, gold where the dark theme used pine */
#inside .sp-rp-panel { background: radial-gradient(120% 90% at 18% 0%, #FFF8EA 0%, #F9F5EC 52%, #EFE8D9 100%); border-color: rgba(184, 137, 58, .22); }
#inside .sp-rp .card, #inside .sp-rp .et-bk { border-color: #E8DFCB; }
#inside .sp-rp .et-bk-tag { color: #8C6428; background: rgba(212, 168, 87, .18); }
#inside .sp-rp .fp-n { color: #8C6428; background: rgba(212, 168, 87, .22); }
#inside .sp-rp .et-plan-n, #inside .sp-rp .et-bk-cal-day { color: #8C6428; }
#inside .sp-rp-flow li { background: #FFF8EA; border-color: rgba(184, 137, 58, .3); }
#inside .sp-rp-flow b { color: #8C6428; }
#inside .sp-rp-bars i { background: linear-gradient(90deg, #8C6428, #B8893A); }
#inside .sp-rp-bars li + li i { background: linear-gradient(90deg, #B8893A, #D4A857); }
#inside .sp-rp .et-bk-box { border-color: #B8893A; background: #B8893A; }
#inside .sp-rp .et-bk-text, #inside .sp-rp .et-bk-table thead th, #inside .sp-rp-input { background: #FBF8F1; }
#inside .sp-rp .btn-ghost { color: #8C6428; border-color: #B8893A; }
#inside .sp-rp .btn-ghost:hover { background: #FFF3DA; }
#inside .sp-rp .btn-ghost.is-done { color: #fff; background: #B8893A; border-color: #B8893A; }
#inside .sp-rp .fp-body strong { color: #15231B; }
/* the code card: a warm dark editor */
.sp-code { background: #1E1A14; border-color: rgba(140, 100, 40, .35); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 18px 40px -24px rgba(23, 63, 39, .45); }
.sp-code-head { border-bottom-color: rgba(232, 213, 176, .14); background: rgba(255, 255, 255, .04); }
.sp-code-lang { background: rgba(212, 168, 87, .16); border-color: rgba(212, 168, 87, .42); color: #E8D5B0; }
.sp-code-file { color: #B9AE98; }
.sp-code-copy { color: #F3EDE0; border-color: rgba(232, 213, 176, .28); background: rgba(255, 255, 255, .05); }
.sp-code-text { color: #F3EDE0; }
.sp-c-ln { color: rgba(232, 213, 176, .32); }
.sp-c-t { color: #E3B867; }
.sp-c-a { color: #E8D5B0; }
.sp-c-s { color: #F2C38B; }
/* the plugin and agents cards: gold where the dark theme used pine */
.sp-install { border-color: #E8DFCB; }
.sp-install-tag { background: rgba(212, 168, 87, .16); color: #8C6428; }
.sp-install-ic { background: linear-gradient(135deg, #8C6428, #B8893A); }
.sp-install-n { background: rgba(212, 168, 87, .2); color: #8C6428; }
.sp-install-list li, .sp-install-agents li, .sp-madefor { border-color: #E8DFCB; }
.sp-agent-when { color: #8C6428; }
.sp-madefor:hover { border-color: #B8893A; }
.sp-madefor:focus-visible { outline-color: #B8893A; }
/* the audio player: a white well, gold waveform */
.sp-player { background: #FBF8F1; border-color: rgba(184, 137, 58, .22); }
.sp-player-btn { color: #FFFFFF; background: linear-gradient(135deg, #8C6428 0%, #B8893A 55%, #D4A857 100%); box-shadow: 0 14px 30px -12px rgba(140, 100, 40, .6), inset 0 1px 0 rgba(255, 255, 255, .3); }
.sp-player-btn:focus-visible { outline-color: #B8893A; }
.sp-wave-row i { background: rgba(184, 137, 58, .28); }
.sp-wave-done i { background: linear-gradient(180deg, #D4A857 0%, #8C6428 100%); }
.sp-player-time { color: #4A5560; }

/* =============================================================================================== sprint-connect (From Claude) */
.sp-connect .sp-logo { background: #FFFFFF; box-shadow: 0 0 0 1px rgba(184, 137, 58, .25); }
.sp-cx-stage { background-color: #FFFFFF; background-image: radial-gradient(80% 70% at 30% 0%, rgba(212, 168, 87, .12) 0%, transparent 70%); }
.sp-cx-sprint { background: linear-gradient(180deg, #FFFFFF 0%, #FBF7EE 100%); border-color: rgba(184, 137, 58, .3); box-shadow: inset 0 1px 0 #fff, 0 18px 40px -28px rgba(23, 63, 39, .35); }
.sp-cx-owner { color: #5F6B65; }
.sp-cx-cover { color: #8C6428; background: linear-gradient(160deg, rgba(212, 168, 87, .3), rgba(232, 213, 176, .16)); }
.sp-cx-title { color: #15231B; }
.sp-cx-step { color: #4A5560; background: #FBF8F1; border-color: rgba(140, 100, 40, .16); }
.sp-cx-step.is-open { color: #15231B; border-color: rgba(184, 137, 58, .55); background: rgba(212, 168, 87, .1); }
.sp-cx-step.is-open > i { border-color: #B8893A; }
.sp-cx-step.is-open .sp-cx-badge.is-open { color: #FFFFFF; background: #8C6428; }
.sp-cx-step.is-done { color: #15231B; }
.sp-cx-step.is-done > i { background-color: #B8893A; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E"); }
.sp-cx-step.is-done .sp-cx-badge.is-done { color: #8C6428; border-color: rgba(184, 137, 58, .5); background: rgba(212, 168, 87, .12); }
@keyframes sp-cx-flash { 0% { box-shadow: 0 0 0 0 rgba(212, 168, 87, 0); } 30% { box-shadow: 0 0 0 3px rgba(212, 168, 87, .5); } 100% { box-shadow: 0 0 0 0 rgba(212, 168, 87, 0); } }
.sp-cx-fib-base { stroke: rgba(184, 137, 58, .4); }
.sp-cx-fib-pulse { stroke: #B8893A; }
.sp-cx-fibre b { color: #5F6B65; }
.sp-cx-chat { background: #FFFFFF; box-shadow: 0 0 0 1px rgba(140, 100, 40, .14), 0 24px 50px -28px rgba(23, 63, 39, .4); }
.sp-cx-bar { border-bottom-color: #EEE7D8; }
.sp-cx-tabs { background: #F4EEE2; }
.sp-cx-ex { color: #5F6B65; }
.sp-cx-msg.is-you { background: #F6EBD3; color: #15231B; }
.sp-cx-msg.is-ai, .sp-cx-typing { border-color: #EEE7D8; background: #FFFCF6; }
.sp-cx-typing i { background: #B8893A; }
.sp-cx-input { border-color: #E8DFCB; color: #5F6B65; }
.sp-cx-input i { background: #15231B; }
.sp-cx-ic { color: #8C6428; background: linear-gradient(160deg, rgba(212, 168, 87, .24), rgba(232, 213, 176, .14)); border-color: rgba(184, 137, 58, .38); }
.sp-cx-app { background: #FBF8F1; }
.sp-cx-app-logo.is-plain { color: #8C6428; background: rgba(212, 168, 87, .18); }
.sp-cx-app.is-more { color: #8C6428; border-color: rgba(184, 137, 58, .5); }
.sp-cx-card-apps.is-lit .sp-cx-app { border-color: rgba(184, 137, 58, .55); background: rgba(212, 168, 87, .12); }
.sp-cx-card-apps.is-lit { border-color: rgba(184, 137, 58, .55); }
.sp-cx-setup { background-color: #FFFCF5; }
.sp-cx-setup-k { color: #8C6428; }
.sp-cx-setup-steps b { color: #FFFFFF; background: linear-gradient(135deg, #8C6428, #B8893A); }
.sp-cx-note { color: #5F6B65; }

/* =============================================================================================== compare */
.mc-table thead th { color: #5F6B65; }
.mc-table thead th.is-mc { color: #8C6428; background: rgba(212, 168, 87, .16); }
.mc-table td.is-mc { background: rgba(212, 168, 87, .12); }
@media (max-width: 720px) {
  .mc-table td { background: #FBF8F1; }
  .mc-table td.is-mc { background: rgba(212, 168, 87, .14); }
  .mc-table td::before { color: #5F6B65; }
  .mc-table td.is-mc::before { color: #8C6428; }
}

/* =============================================================================================== sl-engine (Playbook) */
.sl-engine.is-center { border-color: rgba(184, 137, 58, .45); }
.sl-engine-orb { box-shadow: 0 0 0 8px color-mix(in srgb, var(--e1) 14%, transparent), 0 16px 40px -14px var(--e2); }
.sl-engine-name { color: #15231B; }
.sl-engine-kicker, .sl-engine .sl-engine-kicker { color: color-mix(in srgb, var(--e2) 78%, #000); }
.sl-chips li { background: #FBF8F1; border-color: rgba(140, 100, 40, .2); color: #15231B; }
.sl-engine-note { color: #4A5560; }

/* =============================================================================================== sprint-founder */
.sp-fd-headshot { border-color: rgba(184, 137, 58, .3); box-shadow: 0 14px 30px -20px rgba(23, 63, 39, .4); }
.sp-fd-name p { color: #5F6B65; }
html[data-et-theme="dark"] a.sp-fd-soc { background: #FFFFFF; color: #15231B; }
html[data-et-theme="dark"] a.sp-fd-soc:hover, html[data-et-theme="dark"] a.sp-fd-soc:focus-visible { color: #8C6428; border-color: rgba(184, 137, 58, .6); }
html[data-et-theme="dark"] .sp-fd-copy .sp-fd-sign { color: #8C6428; }
.sp-fd-stats strong { color: #8C6428; background: var(--mc-gold); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.sp-fd-stats span { color: #4A5560; }
.sp-fd-ph figcaption { background: linear-gradient(to top, rgba(21, 35, 27, .88) 0%, rgba(21, 35, 27, .62) 30%, rgba(21, 35, 27, .25) 66%, rgba(21, 35, 27, 0) 100%); color: #FBF8F1; }

/* =============================================================================================== sprint-faq */
.sp-faq details[open] { border-color: rgba(184, 137, 58, .4); box-shadow: var(--sp-highlight), 0 0 0 1px rgba(212, 168, 87, .2), var(--sp-shadow); }
.sp-faq summary::after { border-color: #8C6428; }

/* =============================================================================================== sprint-cta (the close) */
.sp-close-card { background-color: #FFFFFF; border-color: rgba(184, 137, 58, .35); box-shadow: var(--sp-highlight), 0 0 0 1px rgba(212, 168, 87, .18), 0 30px 70px -36px rgba(140, 100, 40, .45); }
.sp-close-card::before { background: radial-gradient(70% 80% at 82% 0%, rgba(212, 168, 87, .28) 0%, transparent 60%), radial-gradient(80% 90% at 50% 120%, rgba(232, 213, 176, .6) 0%, transparent 70%); }

/* =============================================================================================== footer */
html[data-et-theme="dark"] .site-foot { background: linear-gradient(180deg, #F1ECE0 0%, #E9E2D2 100%); border-top: 1px solid rgba(140, 100, 40, .18); color: #4A5560; }
html[data-et-theme="dark"] .site-foot a { color: #8C6428; }
html[data-et-theme="dark"] .site-foot a.mc-brand { color: #15231B; }
.site-foot-copy { color: #4A5560; }

/* =============================================================================================== examples, who, goals */
.mc-ex-meta { color: #8C6428; }
.mc-ex-label { color: #5F6B65; }
.mc-ex-page { background: #FFFFFF; border-color: rgba(184, 137, 58, .3); box-shadow: inset 0 1px 0 #fff, 0 18px 40px -28px rgba(23, 63, 39, .35), 0 0 0 4px rgba(212, 168, 87, .08); }
.mc-ex-tag { color: #8C6428; background: rgba(212, 168, 87, .16); border: 1px solid rgba(184, 137, 58, .4); }
.mc-ex-steps li { background: #FBF8F1; border-color: rgba(140, 100, 40, .16); }
.mc-ex-steps li.is-open { color: #15231B; background: rgba(212, 168, 87, .1); border-color: rgba(184, 137, 58, .55); }
.mc-ex-n { color: #8C6428; background: rgba(212, 168, 87, .2); }
.mc-ex-steps li.is-open .mc-ex-n { color: #FFFFFF; background: linear-gradient(135deg, #8C6428, #B8893A); }
.mc-ex-open { color: #2E6F40; background: rgba(46, 111, 64, .1); border: 1px solid rgba(46, 111, 64, .45); }
.sl-work-card.mc-pick .mc-pick-k, .mc-pick-runs span, .mc-pick-more { color: #8C6428; }
.mc-pick-list li::before { background: #B8893A; }
.mc-pick-chips li { background: #FBF8F1; border-color: rgba(140, 100, 40, .2); color: #15231B; }
/* the "best for" pills now carry the plain names; one warm pill for all three (no blue, no purple) */
.sl-engine-pill.is-rr, .sl-engine-pill.is-ev, .sl-engine-pill.is-promo { background: rgba(212, 168, 87, .14); border-color: rgba(184, 137, 58, .45); color: #8C6428; }