/* The look (chosen 2026-10-03 from three studies): one locked accent — electric blue — for UI (hairlines, progress,
   active states, Play), ember orange for the heading accent words. Gradients live only in the art (orb, ribbons, dots).
   Tags/chips are plain mono text; pills are for real buttons. */

/* one locked accent: every gradient-driven surface (text accents, hairlines, rings, icons) collapses to it */
html { --grad: linear-gradient(var(--acc), var(--acc)); }
:root { --acc: #2f8bff; --acc-ink: #ff6a3d; }          /* --acc: UI accent (electric) · --acc-ink: heading accent words (ember) */

/* accent words: solid, no gradient text */
html .section-title em, html .contact-title em, html .hero-title em, html .shipped-title em {
  background: none; -webkit-background-clip: border-box; background-clip: border-box; color: var(--acc-ink); -webkit-text-fill-color: var(--acc-ink); }
html .proc-n { background: none; -webkit-background-clip: border-box; background-clip: border-box; color: var(--acc-ink); -webkit-text-fill-color: var(--acc-ink); }
html .stat strong { background: none; -webkit-background-clip: border-box; background-clip: border-box; color: var(--ink); -webkit-text-fill-color: var(--ink); }
html .rack-word { background: none; }

/* fewer pills: chips and tags become plain mono text; pills stay for real buttons only */
html ul.chips { gap: 4px 0; }
html .chips li { padding: 0; border-radius: 0; background: none; box-shadow: none; font: 400 12px/1.6 var(--mono); letter-spacing: .02em; color: rgba(245, 245, 247, .62); }
html .chips li:not(:last-child)::after { content: '/'; margin: 0 10px; color: rgba(245, 245, 247, .25); }
html .rack-cat { min-height: 32px; padding: 0 10px; border-radius: 0; background: none; box-shadow: none; }
html .rack-cat.is-on { background: none; box-shadow: inset 0 -2px 0 var(--acc); color: #fff; }
html .kit-facts span { background: none; box-shadow: none; padding: 6px 0; }
html .kit-facts { gap: 4px 28px; }
html .card-status, html .status-pill { background: none; box-shadow: none; padding-left: 0; padding-right: 0; }
html .status-pill { letter-spacing: .1em; }

/* hairlines + icons in the accent */
html .tour-ic { color: #000; }
html .tour-btn::before { background: conic-gradient(var(--acc) var(--prog), rgba(255, 255, 255, .14) var(--prog)); }
html .eyebrow .dot, html .dot { background: var(--acc); box-shadow: none; }
html .rack-caption .tag-cat { color: var(--acc); }