:root{--bt-brand-blue:#385385;--bt-brand-blue-hover:#2f446e;--bt-brand-teal:#2e7771;--bt-brand-teal-light:#5aa8a1;--bt-brand-ink:#294268;--bt-brand-muted:#596d84;--bt-brand-canvas:#fcfbf8;--bt-brand-warm:#f8f6f1;--bt-brand-mint:#eef7f6;--bt-brand-line:#d9e2e8}

/* Shared Better Tools surfaces */
.bt-admin-wrap{--bt-navy:var(--bt-brand-blue);--bt-teal:var(--bt-brand-teal-light);--bt-ink:var(--bt-brand-ink);--bt-muted:var(--bt-brand-muted)}
.bt-admin-wrap h1,.bt-admin-wrap h2,.bt-admin-wrap h3,.bt-admin-test-wrap h1,.bt-admin-test-wrap h2,.bt-product-access :where(h1,h2,h3){color:var(--bt-brand-ink)}
.bt-admin-hero{border-color:var(--bt-brand-line);background:linear-gradient(135deg,var(--bt-brand-mint),#fff)}
.bt-admin-hero span,.bt-field-label{color:var(--bt-brand-teal)}
.bt-tools-table th,.bt-tools-table .description,.bt-pack-box p{color:var(--bt-brand-muted)}
.bt-row-actions .button-primary,.bt-pack-box .button-primary{border-color:var(--bt-brand-blue);background:var(--bt-brand-blue);color:#fff}
.bt-row-actions .button-primary:hover,.bt-pack-box .button-primary:hover{border-color:var(--bt-brand-blue-hover);background:var(--bt-brand-blue-hover)}
.bt-admin-wrap :where(a,button,input,select,summary):focus-visible,.bt-admin-test-wrap :where(a,button):focus-visible,.bt-product-access :focus-visible,.bt-runner :focus-visible{outline-color:var(--bt-brand-blue)}
.bt-admin-test-wrap{color:var(--bt-brand-ink)}
.bt-admin-test-head h1{color:var(--bt-brand-blue)}
.bt-test-notice{border-color:#cfe1dc;background:var(--bt-brand-mint);color:var(--bt-brand-muted)}
.bt-admin-test-bar{border-color:var(--bt-brand-line);background:#f3f6fa;color:var(--bt-brand-ink)}
.bt-product-access{border-color:var(--bt-brand-line);background:linear-gradient(145deg,#fff,var(--bt-brand-mint));color:var(--bt-brand-ink)}
.bt-product-primary{background:var(--bt-brand-blue);color:#fff}
.bt-product-primary:hover{background:var(--bt-brand-blue-hover)}
.bt-product-secondary{background:#f0f3f8;color:var(--bt-brand-blue)}
.bt-product-kicker{color:var(--bt-brand-muted)}
.bt-product-badge{background:var(--bt-brand-mint);color:var(--bt-brand-teal)}
.bt-runner{color:var(--bt-brand-ink);background:var(--bt-brand-warm)}
.bt-runner-bar{border-color:var(--bt-brand-line);background:rgba(252,251,248,.96)}
.bt-runner-exit{color:var(--bt-brand-blue)}
.bt-runner-status{color:var(--bt-brand-muted)}
.bt-runner-loading,.bt-runner-error{background:var(--bt-brand-warm)}

/* Brand baseline injected after every Tool Pack stylesheet. */
.bt-tool-sandbox,.bt-tool-sandbox body{color:var(--bt-brand-ink);background:var(--bt-brand-warm)}
.bt-tool-sandbox :where(h1,h2,h3,h4,h5,h6){color:var(--bt-brand-ink)}
.bt-tool-sandbox :where(a){color:var(--bt-brand-teal)}
.bt-tool-sandbox :where(button,input,select,textarea):focus-visible{outline:3px solid rgba(56,83,133,.28);outline-offset:3px}

/* ATT and the standard Tool Pack component family. */
.bt-tool-sandbox .tool-shell{background:linear-gradient(180deg,var(--bt-brand-canvas),#f7f9fb 48%,var(--bt-brand-warm))}
.bt-tool-sandbox .tool-wrap{border-color:var(--bt-brand-line);background:#fff;box-shadow:0 14px 42px rgba(56,83,133,.08)}
.bt-tool-sandbox :is(.top-progress,.core-progress){background:#e8edf2}
.bt-tool-sandbox :is(.top-progress span,.core-progress span){background:var(--bt-brand-teal)}
.bt-tool-sandbox :is(.eyebrow,.protocol-card strong,.scale-value,.resume-card strong){color:var(--bt-brand-teal)}
.bt-tool-sandbox :is(h1,.notice strong,.result-grid strong){color:var(--bt-brand-ink)}
.bt-tool-sandbox :is(.lead,.protocol-card span,.source-note,.instruction-item p,.sound-chip span,.toggle-row small,.focus-anchors,.resume-card span,.result-grid span,.micro){color:var(--bt-brand-muted)}
.bt-tool-sandbox :is(.protocol-card div,.resume-card){border-color:#dce5eb;background:#eef5f5}
.bt-tool-sandbox .notice{border-color:#d3e5dd;background:#f1f7f5;color:var(--bt-brand-ink)}
.bt-tool-sandbox .notice.soft{border-color:var(--bt-brand-line);background:#f8fafb}
.bt-tool-sandbox :is(.btn.primary,.instruction-item>span){background:var(--bt-brand-blue);color:#fff}
.bt-tool-sandbox .btn.primary:hover{background:var(--bt-brand-blue-hover)}
.bt-tool-sandbox .btn.secondary{background:#e8f3f2;color:var(--bt-brand-teal)}
.bt-tool-sandbox .btn.ghost{background:#f0f3f8;color:var(--bt-brand-ink)}
.bt-tool-sandbox :is(.instruction-item,.sound-chip,.toggle-row,.focus-scale,.result-grid div){border-color:var(--bt-brand-line)}
.bt-tool-sandbox .sound-chip.played{border-color:var(--bt-brand-teal);background:var(--bt-brand-mint)}
.bt-tool-sandbox .focus-scale input[type=range]{accent-color:var(--bt-brand-teal)}
.bt-tool-sandbox .complete-mark{background:var(--bt-brand-mint);color:var(--bt-brand-teal)}

/* Immersive exercise: branded dark mode instead of near-black. */
.bt-tool-sandbox :is(.training-page,.training-page .tool-wrap){background:var(--bt-brand-blue-hover);color:#fff}
.bt-tool-sandbox .training-page .core-progress{background:rgba(255,255,255,.16)}
.bt-tool-sandbox .training-page .core-progress span{background:#a9dcd5}
.bt-tool-sandbox :is(.training-top span,.cue-kicker,.training-instruction,.training-micro){color:#dce6f2}
.bt-tool-sandbox .cue-side{color:#a9dcd5}
.bt-tool-sandbox .fixation{border-color:rgba(169,220,213,.5);box-shadow:0 0 0 18px rgba(169,220,213,.04)}
.bt-tool-sandbox .training-page .btn.secondary{background:#e8f3f2;color:var(--bt-brand-blue)}
.bt-tool-sandbox .training-page .btn.ghost{border-color:rgba(255,255,255,.28);background:transparent;color:#eaf0f8}

@media(max-width:640px){.bt-tool-sandbox .tool-shell{background:#fff}}
