/* GTMhub theme layer, loaded after each page's own styles and before chrome.css.
   Tokens only. Dark mode itself is the dark token set in colors_and_type.css; this file holds only
   the few component decisions that tokens cannot express, in one place:
   1. Quiet proof: logos and case cards blend into the page (both modes, rule 52).
   2. Dark-mode component overrides (shared components, then page-specific ones).
   Only this file and the token file may use [data-theme] selectors (tools/check_design.py). */

/* ---- 1. quiet proof ---- */
.lg8-g > div{border-color:color-mix(in srgb,var(--ink) 5.5%,transparent)}
.lg8-g > div::after{background:color-mix(in srgb,var(--ink) 12%,transparent)}
.lg8-g i,.logo .mark,.case .mark.xo{background:transparent;
  box-shadow:inset 3px 3px 6px color-mix(in srgb,var(--ink-fixed) 6%,transparent),inset -3px -3px 6px color-mix(in srgb,var(--raised) 85%,transparent),0 0 10px color-mix(in srgb,var(--ink-fixed) 7%,transparent)}
.lg8-g i{width:48px;height:48px}
.lg8-g img,.logo .mark img{width:30px;height:30px;padding:4px;border-radius:50%;background:var(--white);object-fit:contain}
.lg8-g em,.logo .mark{font-weight:var(--fw-key);color:var(--muted)}
.lg8-g b{font-weight:400;color:var(--muted)}
.lg8-g span{opacity:.85}
.logo{color:var(--muted)}
.logo .mark{width:48px;height:48px}
.logo .mark img{width:32px;height:32px}
.logo:hover .mark{transform:none}
.logo-grid .logo{border-color:color-mix(in srgb,var(--ink) 5%,transparent)}
.proof-grid .shell{background:color-mix(in srgb,var(--line) 17%,transparent);box-shadow:none}
.case.card{background:color-mix(in srgb,var(--raised) 42%,transparent);box-shadow:none}
.case .metric{background:color-mix(in srgb,var(--raised) 55%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 4.5%,transparent)}

/* ---- 2. dark mode: shared components ---- */
[data-theme="dark"] .shell{background:color-mix(in srgb,var(--white) 3.5%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--white) 5%,transparent)}
[data-theme="dark"] .card{box-shadow:var(--lift),inset 0 0 0 1px color-mix(in srgb,var(--white) 5%,transparent)}
[data-theme="dark"] .pill-label{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--white) 7%,transparent)}
[data-theme="dark"] .pill-label i{background:var(--d-text)}
[data-theme="dark"] .pill-label i svg{color:var(--ink-fixed)}
[data-theme="dark"] .sq.ghost,[data-theme="dark"] .chip,[data-theme="dark"] .form-in{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--white) 7%,transparent)}
[data-theme="dark"] .btn-lime,[data-theme="dark"] .sq:not(.ghost),[data-theme="dark"] .btn-lime svg{color:var(--on-lime)}
[data-theme="dark"] .btn-ink{background:var(--d-text);color:var(--ink-fixed)}
[data-theme="dark"] .btn-ink:hover{background:var(--white)}
[data-theme="dark"] .btn-ink svg{color:var(--ink-fixed)}
[data-theme="dark"] .avatar{box-shadow:0 0 0 3px var(--raised),inset 0 0 0 1px color-mix(in srgb,var(--white) 8%,transparent)}
[data-theme="dark"] input::placeholder{color:var(--faint)}
[data-theme="dark"] .ex{background:transparent}
[data-theme="dark"] .lg8-g > div{border-color:color-mix(in srgb,var(--white) 6%,transparent)}
[data-theme="dark"] .lg8-g > div::after{background:color-mix(in srgb,var(--white) 14%,transparent)}
[data-theme="dark"] .lg8-g i,[data-theme="dark"] .logo .mark,[data-theme="dark"] .case .mark.xo{background:transparent;
  box-shadow:inset 3px 3px 6px color-mix(in srgb,var(--ink-fixed) 45%,transparent),inset -2px -2px 5px color-mix(in srgb,var(--white) 5%,transparent),0 0 0 1px color-mix(in srgb,var(--white) 5%,transparent)}
[data-theme="dark"] .lg8-g img,[data-theme="dark"] .logo .mark img{background:var(--d-text)}
[data-theme="dark"] .logo-grid .logo{border-color:color-mix(in srgb,var(--white) 6%,transparent)}
[data-theme="dark"] .proof-grid .shell{background:color-mix(in srgb,var(--white) 3%,transparent)}
[data-theme="dark"] .case.card{background:color-mix(in srgb,var(--white) 4%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--white) 5%,transparent)}
[data-theme="dark"] .case .metric{background:color-mix(in srgb,var(--white) 3.5%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--white) 6%,transparent)}
[data-theme="dark"] .cmp .us{background:color-mix(in srgb,var(--white) 4%,transparent)}
[data-theme="dark"] .y{background-color:var(--d-line)}
[data-theme="dark"] .us .y{background-color:var(--lime)}
/* dark sections stay a shade apart from the dark page */
[data-theme="dark"] .g-dark,[data-theme="dark"] .dark-band,[data-theme="dark"] .w-band{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--white) 4%,transparent)}

/* ---- 2b. dark mode: page-specific (moved here from each page, 2026-10-08) ---- */
/* home-synthesis-v3.html */ [data-theme="dark"] .hb-ic{background:var(--d-text);box-shadow:none}
/* home-synthesis-v3.html */ [data-theme="dark"] .hb-ic.pk{box-shadow:inset 0 0 0 1.5px var(--lime),0 0 0 3px color-mix(in srgb,var(--lime) 25%,transparent)}
/* home-synthesis-v3.html */ [data-theme="dark"] .nd i{background:var(--d-text)}
/* home-synthesis-v3.html */ [data-theme="dark"] .nd.ntr i{background:var(--d-line)}
/* home-synthesis-v3.html */ [data-theme="dark"] .nd.k-yo i{background:transparent;outline-color:var(--d-text)}
/* home-synthesis-v3.html */ [data-theme="dark"] .pv-b i{background:var(--d-line-2)}
/* home-synthesis-v3.html */ [data-theme="dark"] .pv-r:nth-of-type(2) .pv-b i,[data-theme="dark"] .pv-r:nth-of-type(3) .pv-b i{background:var(--d-faint)}
/* home-synthesis-v3.html */ [data-theme="dark"] .ha u,[data-theme="dark"] .ha-tr i{background:var(--d-text);box-shadow:none}
/* home-synthesis-v3.html */ [data-theme="dark"] .ha-tr i.pk{box-shadow:0 0 0 2px var(--lime)}
/* home-synthesis-v3.html */ [data-theme="dark"] .ha-fl .you u{background:var(--raised);border-color:var(--ink)}
/* home-synthesis-v3.html */ [data-theme="dark"] .ha-wf,[data-theme="dark"] .ha-is{background:var(--graphite);box-shadow:var(--soft),inset 0 0 0 1px color-mix(in srgb,var(--white) 6%,transparent)}
/* home-synthesis-v3.html */ [data-theme="dark"] #compare .cmp tbody tr{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--white) 8%,transparent) 14%,color-mix(in srgb,var(--white) 8%,transparent) 86%,transparent) bottom/100% 1px no-repeat}
/* home-synthesis-v3.html */ [data-theme="dark"] #compare .cmp tbody tr:last-child{background:none}
/* home-synthesis-v3.html */ [data-theme="dark"] #compare .cmp .us{background:color-mix(in srgb,var(--white) 2.5%,transparent)}
/* home-synthesis-v3.html */ [data-theme="dark"] #compare .no{background-color:var(--d-line)}
/* lane-gtm-engineering-v5.html */ [data-theme="dark"] .pc-a,[data-theme="dark"] .fc,[data-theme="dark"] .fn,[data-theme="dark"] .cs,[data-theme="dark"] .cad{background-color:var(--graphite)}
/* lane-gtm-engineering-v5.html */ [data-theme="dark"] .fd-d::before{background:var(--graphite)}
/* lane-gtm-engineering-v5.html */ [data-theme="dark"] .fn-i,[data-theme="dark"] .pc-t i{background:var(--d-text)}
/* lane-gtm-engineering-v5.html */ [data-theme="dark"] .fn-end{background:var(--lime-night)}
/* lane-gtm-engineering-v5.html */ [data-theme="dark"] .fn-you{outline-color:var(--d-text)}
/* lane-gtm-engineering-v5.html */ [data-theme="dark"] .cs-r{background-color:var(--on-lime)}
/* lane-gtm-engineering-v5.html */ [data-theme="dark"] .fb{background:var(--graphite);color:var(--d-muted);box-shadow:inset 0 0 0 1px var(--d-line)}
/* lane-gtm-engineering-v5.html */ [data-theme="dark"] .g3lib a{background:var(--graphite);color:var(--d-muted)}
/* lane-gtm-engineering-v5.html */ [data-theme="dark"] .cs4-ph em i{background:var(--d-text);box-shadow:none}
/* lane-paid-media-v6.html */ [data-theme="dark"] .p4-dc{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170 56' preserveAspectRatio='none'%3E%3Cpath d='M85 1 169 28 85 55 1 28Z' fill='%231B1D21' stroke='%234A5057'/%3E%3C/svg%3E")}
/* lane-ai-search-content-v3.html */ [data-theme="dark"] .pc-a,[data-theme="dark"] .fc,[data-theme="dark"] .fn,[data-theme="dark"] .cs,[data-theme="dark"] .cad{background-color:var(--graphite)}
/* lane-ai-search-content-v3.html */ [data-theme="dark"] .fd-d::before{background:var(--graphite)}
/* lane-ai-search-content-v3.html */ [data-theme="dark"] .fn-i,[data-theme="dark"] .pc-t i{background:var(--d-text)}
/* lane-ai-search-content-v3.html */ [data-theme="dark"] .fn-end{background:var(--lime-night)}
/* lane-ai-search-content-v3.html */ [data-theme="dark"] .fn-you{outline-color:var(--d-text)}
/* lane-ai-search-content-v3.html */ [data-theme="dark"] .cs-r{background-color:var(--on-lime)}
/* lane-ai-search-content-v3.html */ [data-theme="dark"] .fb{background:var(--graphite);color:var(--d-muted);box-shadow:inset 0 0 0 1px var(--d-line)}
/* lane-ai-search-content-v3.html */ [data-theme="dark"] .g3lib a{background:var(--graphite);color:var(--d-muted)}
/* lane-ai-search-content-v3.html */ [data-theme="dark"] .cs4-ph em i{background:var(--d-text);box-shadow:none}
/* site.css */ [data-theme="dark"] .fc-ph{background:var(--graphite-2)}
/* site.css */ [data-theme="dark"] .st-n .mk{background:var(--graphite-3)}
/* site.css */ [data-theme="dark"] .st-brain{background:color-mix(in srgb,var(--lime) 6%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lime) 22%,transparent)}
/* site.css */ [data-theme="dark"] .st-brain .sp{color:var(--muted)}
/* site.css */ [data-theme="dark"] .sch-h .tagc{background:color-mix(in srgb,var(--lime) 8%,transparent);color:var(--ink)}
/* site.css */ [data-theme="dark"] .cs-ladder div:nth-child(n+3) i{background:var(--d-muted)}
/* site.css */ [data-theme="dark"] .trm{box-shadow:var(--lift),inset 0 0 0 1px var(--d-line)}
/* site.css */ [data-theme="dark"] .pg-pts li::before{color:var(--on-lime)}

/* ---- 2c. dark mode: library and timeline details ---- */
[data-theme="dark"] .weeks p.live{background:color-mix(in srgb,var(--lime) 7%,transparent)}
[data-theme="dark"] .sq.ghost{color:var(--ink)}

/* ---- 3. shared: founder photo, hidden, form confirmations ---- */
[hidden]{display:none !important}
/* .avatar is a grid; as a grid item the photo's 100% width resolves to 0, so photo avatars are blocks */
.avatar.pic{display:block;background:var(--lime);overflow:hidden;padding:0}
/* initials (VV) sit on Signal lime, ink letters, in both themes */
.avatar:not(.pic),.fn-vv{background:var(--lime) !important;color:var(--on-lime) !important}
.avatar.pic img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;border-radius:50%;display:block}
.news-ok{margin-top:14px;display:flex;align-items:center;gap:10px;font-size:var(--fs-13-5);color:var(--ink)}
.news-ok::before{content:"\2713";flex:none;width:18px;height:18px;border-radius:50%;background:var(--lime);color:var(--on-lime);font-size:var(--fs-10);font-weight:700;display:grid;place-items:center}