/* Offering color coding, carried over from the original site.
   Slow Clarity = paper · Mentorship = orange · Digital Vitamins = taupe · Lab = near-black.
   Loaded last so every page picks up the same identities. */
:root {
  --id-clarity: #fffdf9;
  --id-clarity-line: oklch(0.97 0 0);
  --id-mentor: linear-gradient(rgb(234, 101, 15), rgb(223, 90, 6) 52%, rgb(207, 79, 0));
  --id-mentor-solid: #df5a06;
  --id-vitamins: linear-gradient(rgb(155, 131, 113), rgb(140, 112, 94) 45%, rgb(116, 86, 70));
  --id-lab: oklch(0.145 0 0);
  --id-lab-2: #171717;
  --id-lab-3: #262626;
  --id-lab-accent: #e87d33;
}

/* ---------- home: the four doors ---------- */
.card--clarity { background: var(--id-clarity); box-shadow: inset 0 0 0 1px var(--id-clarity-line); }
.card--clarity .tag { color: var(--ember); border-color: var(--apricot); }

.card--mentor { background: var(--id-mentor); color: #fff; }
.card--mentor .card__body { color: rgba(255,255,255,.88); }
.card--mentor .tag, .card--vitamins .tag { background: transparent; color: var(--paper-2); border-color: rgba(255,255,255,.3); }
.card--mentor .card__ext, .card--vitamins .card__ext { color: rgba(255,255,255,.7); }
.card--mentor:hover .card__ext, .card--vitamins:hover .card__ext { color: #fff; }
.card--mentor .card__glow { background: radial-gradient(380px circle at var(--mx) var(--my), rgba(255,255,255,.22), transparent 60%); }
.card__compass circle { stroke: rgba(255,255,255,.4); }
.card__compass .needle { fill: #fff; }

.card--vitamins { background: var(--id-vitamins); color: var(--paper-2); }
.card--vitamins .card__body { color: rgba(254,246,240,.85); }
.card--vitamins .card__title .serif { color: #fff; }
.card--vitamins .card__glow { background: radial-gradient(380px circle at var(--mx) var(--my), rgba(251,202,153,.3), transparent 60%); }
.card__pulse path { stroke: var(--apricot); }

.card--lab { background: var(--id-lab); color: var(--paper); box-shadow: none; }
.card--lab .card__body { color: rgba(255,253,249,.7); }
.card--lab .tag { background: transparent; color: var(--id-lab-accent); border-color: rgba(204,85,0,.3); }
.card--lab .card__ext { color: rgba(255,253,249,.5); }
.card--lab:hover .card__ext { color: var(--id-lab-accent); }
.card--lab .card__glow { background: radial-gradient(420px circle at var(--mx) var(--my), rgba(232,125,51,.22), transparent 60%); }
.card__dots { background-image: radial-gradient(circle, rgba(232,125,51,.45) 1.2px, transparent 1.4px); }

/* ---------- mentorship page: orange ---------- */
body[data-page="mentorship"] .mentor,
body[data-page="mentorship"] .cta--dark { background: var(--id-mentor); color: #fff; }
body[data-page="mentorship"] .mentor__inner::before { background: radial-gradient(circle, rgba(255,255,255,.14), transparent 62%); }
body[data-page="mentorship"] .mentor .eyebrow,
body[data-page="mentorship"] .cta--dark .eyebrow,
body[data-page="mentorship"] .fit__head .eyebrow,
body[data-page="mentorship"] .mentor__side .eyebrow { color: var(--paper-2); }
body[data-page="mentorship"] .mentor .pulse, body[data-page="mentorship"] .cta--dark .pulse { background: #fff; }
body[data-page="mentorship"] .mentor .pulse::after, body[data-page="mentorship"] .cta--dark .pulse::after { border-color: #fff; }
body[data-page="mentorship"] .quote { background: rgba(255,255,255,.08); box-shadow: inset 0 0 0 1px rgba(255,255,255,.22); }
body[data-page="mentorship"] .quote__mark { color: #fff; }
body[data-page="mentorship"] .quote strong { color: #fff; font-weight: 600; }
body[data-page="mentorship"] .quote footer span,
body[data-page="mentorship"] .rating p { color: rgba(255,255,255,.75); }
body[data-page="mentorship"] .rating { border-color: rgba(255,255,255,.25); }
body[data-page="mentorship"] .rating__stars { color: #fff; }
body[data-page="mentorship"] .body--light { color: rgba(255,255,255,.88); }
body[data-page="mentorship"] .names li { color: #fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.3); }
body[data-page="mentorship"] .names li:hover { background: #fff; color: var(--id-mentor-solid); }
body[data-page="mentorship"] .fit__list, body[data-page="mentorship"] .fit__item { border-color: rgba(255,255,255,.22); }
body[data-page="mentorship"] .fit__item::before { background: radial-gradient(120% 140% at 0% 50%, rgba(255,255,255,.16), rgba(255,255,255,0) 70%); }
body[data-page="mentorship"] .fit__num { color: #fff; }
body[data-page="mentorship"] .fit__item p { color: rgba(255,255,255,.8); }
body[data-page="mentorship"] .fit__item:hover p, body[data-page="mentorship"] .fit__item strong { color: #fff; }
body[data-page="mentorship"] .fit__arrow { color: #fff; }
body[data-page="mentorship"] .mentor .btn--ember,
body[data-page="mentorship"] .cta--dark .btn--ember { background: #fff; color: var(--id-mentor-solid); }
body[data-page="mentorship"] .mentor .btn--ember::before,
body[data-page="mentorship"] .cta--dark .btn--ember::before { background: var(--ink); }
body[data-page="mentorship"] .mentor .btn--ember:hover,
body[data-page="mentorship"] .cta--dark .btn--ember:hover { color: #fff; }
body[data-page="mentorship"] .cta--dark .cta__title strong { color: #fff; font-weight: 600; }
body[data-page="mentorship"] .btn--ghost { box-shadow: inset 0 0 0 1px rgba(255,255,255,.45); color: #fff; }
body[data-page="mentorship"] .btn--ghost::before { background: var(--ink); }
body[data-page="mentorship"] .step.is-lit .step__dot, body[data-page="mentorship"] .process__line span { background: var(--id-mentor-solid); }
body[data-page="mentorship"] .scope__icon { stroke: var(--id-mentor-solid); }

/* ---------- lab pages: near-black ---------- */
body[data-page="lab"], body[data-page="experiment"] { --peach: var(--id-lab-accent); background: var(--id-lab); }
body[data-page="lab"] .footer, body[data-page="experiment"] .footer,
body[data-page="lab"] .menu, body[data-page="experiment"] .menu { background: var(--id-lab); }
body[data-page="lab"] .nav.is-scrolled, body[data-page="experiment"] .nav.is-scrolled { background: rgba(10,10,10,.72); }
body[data-page="lab"] .cta--dark, body[data-page="experiment"] .cta--dark { background: var(--id-lab); border-top: 1px solid rgba(255,255,255,.08); }
body[data-page="lab"] .filter.is-on, body[data-page="experiment"] .part.is-on { color: var(--id-lab); }
.exp { background: var(--id-lab-2); box-shadow: inset 0 0 0 1px rgba(255,255,255,.07); }
.exp:hover { background: #1f1f1f; }
.exp__art--brand { background: var(--id-lab); }
.play__stage { background: var(--id-lab-2); box-shadow: inset 0 0 0 1px rgba(255,255,255,.07); }
.spring__stage, .wall, .mark__stage { background-color: #0f0f0f; }
.knob select, .note-card--ink { background: var(--id-lab-3); }
.chips-list li:hover { background: rgba(232,125,51,.16); box-shadow: inset 0 0 0 1px rgba(232,125,51,.55); }
.status--live::before { background: var(--id-lab-accent); box-shadow: 0 0 0 4px rgba(232,125,51,.22); }