/* ============================================================
   Telos One — rebrand bridge for the original core.css pages.
   Loaded AFTER core.css + telos.css. Remaps the old
   near-black/serif/neon tokens onto the real brand system
   (Inter, warm-dark + coral/teal, with a warm-paper light
   theme) so every legacy page matches the hub, Rescue and
   Blast Off without rewriting their bespoke section CSS.
   Each page must delete its own `:root{--accent:#neon}` line.
   ============================================================ */

:root {
  --bg: #050505; --bg-2: #111111; --ink: #FFFFFF; --ink-dim: rgba(255,255,255,0.6);
  --rule: rgba(255,255,255,0.10); --accent: #E17668; --accent-soft: rgba(225,118,104,0.13);
  --serif: 'Inter', ui-sans-serif, system-ui, sans-serif; --teal: #5A9690;
}
:root[data-theme="light"] {
  --bg: #FFF1E5; --bg-2: #FFFFFF; --ink: #1A1A1A; --ink-dim: #5A5A5A;
  --rule: #E6D5C3; --accent: #C95F52; --accent-soft: rgba(225,118,104,0.12); --teal: #294A47;
}
body { background: var(--bg); color: var(--ink); font-weight: 400; }
a { color: inherit; }

/* Inter needs more weight than the old serif at display sizes */
.wordmark, .col h2, .perf-cell .v, .test-head h2, .test-card .big-score, .test-card .b .n,
.tco-head h2, .tco-stats .v, .member-intro h2, .member h3, .advocacy .pull, .steps .step h3,
.sec-wrap h2, .map-head h2, .map-stats .stat .v, .pricing-head h2, .tier .price, .tier .ideal,
.templates-head h2, .tpl .title, .care-wrap h2, .addon .name, .addon .price, .dont-hero,
.liftoff h2, .rocket-readout .rr-title, .attack .status-mark,
.big-out .v, .stat .sv, .ar-verdict, .cmp-fee, .ctrl output, .sv-big {
  font-family: var(--font-sans); font-weight: 700; letter-spacing: -0.03em;
}
.wordmark { font-weight: 800; letter-spacing: -0.045em; }
.tier .ideal { font-style: italic; font-weight: 500; }
.wordmark em, .col h2 em, .test-head h2 em, .tco-head h2 em, .sec-wrap h2 em, .map-head h2 em,
.pricing-head h2 em, .templates-head h2 em, .care-wrap h2 em, .dont-hero em, .liftoff h2 em,
.advocacy .pull em, .member-intro h2 em {
  font-style: normal; color: var(--accent);
}

/* Accent parity for labels / eyebrows / status dots */
.label .num, .eyebrow { color: var(--accent); }
.eyebrow .dot, .status .dot, .badge.live::before, .badge .v { color: var(--accent); }
.eyebrow .dot, .status .dot { background: var(--accent); }
.scroll-progress { background: var(--accent); }

/* core .button -> brand pill */
.button { border-radius: var(--radius-md); border-color: var(--rule); color: var(--ink); }
.button:hover { background: var(--ink); color: var(--bg); }
.button.primary { background: var(--accent); border-color: var(--accent); color: #fff; }
.button.primary:hover { background: var(--accent); border-color: var(--accent); color: #fff; box-shadow: 0 0 24px hsla(8,65%,65%,0.3); transform: translateY(-1px); }

/* soften the boxy panels toward the brand card radius */
.badge, .rocket-readout, .perf-grid, .test-form, .tco-chart-wrap, .world-wrap, .attack-grid,
.member-grid, .template-grid, .addons-grid, .tier-grid, .test-results, .myth { border-radius: var(--radius-md); }
.perf-cell.feature { color: #fff; }
:root[data-theme="light"] .perf-cell.feature .h, :root[data-theme="light"] .perf-cell.feature .note { color: #fff; opacity: 0.8; }

/* Stop core.css's legacy `footer{}` element rule (uppercase mono grid) and
   its `.foot-logo`/`.foot-bottom` class rules from leaking into the new
   brand footer on pages that still load core.css. */
.site-footer { display: block; text-transform: none; letter-spacing: normal; font-family: var(--font-sans); padding: 3.5rem var(--container-padding, 1.5rem) 2.5rem; }
.site-footer .container { padding-inline: 0; }
.site-footer .foot-logo { font-family: var(--font-sans); font-style: normal; font-size: 1.0625rem; }
.site-footer .foot-tagline, .site-footer .foot-col li, .site-footer .foot-col li a, .site-footer .foot-bottom span { text-transform: none; letter-spacing: normal; padding: 0; }
.site-footer .foot-col li { padding: 0; }
.site-footer .foot-col ul { padding: 0; }

/* gentle brand bloom behind any legacy hero (content lifted above it) */
.hero { position: relative; overflow: hidden; }
.hero::before { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: radial-gradient(54% 50% at 80% 38%, hsla(8,65%,65%,0.14), transparent 62%), radial-gradient(46% 48% at 72% 66%, hsla(175,45%,55%,0.09), transparent 66%); }
:root[data-theme="light"] .hero::before { background: radial-gradient(54% 50% at 80% 38%, rgba(225,118,104,0.15), transparent 62%), radial-gradient(46% 48% at 72% 66%, rgba(41,74,71,0.09), transparent 66%); }
.hero > * { position: relative; z-index: 1; }