/* ASK SHAI champagne typography and selected button finishes, 22 October 2026.
   Explicit opt-in public pages only. Typography and selected lavender button colours.
   Never change page backgrounds, layout, unrelated controls, checkout, meaningful states,
   syntax-highlighted code, protected Facility, or Personal SHAI. */
@media screen {
body.shai-premium-page {
  --shai-gold-type:#d6b778;
  --shai-bronze-type:#735b30;
  --shai-ivory-type:#f3f2ef;
  --shai-muted-type:#c5bfb3;
}
body.shai-premium-page.premium-paper{color:#292620}
body.shai-premium-page.premium-paper>main :is(.eyebrow,.k,.kicker,.kind,.issuer,.meta,.section-label){color:var(--shai-bronze-type)}
body.shai-premium-page.premium-paper>main :is(.directory-tools,.nationwide-tools,.regional-bridge,.sales-path,.sales-path-organizations) :is(.eyebrow,.kicker,.kind,.issuer,.meta,.section-label){color:var(--shai-gold-type)}
body.shai-premium-page.premium-dark>main :is(.eyebrow,.kicker,.section-label,.meta,.kind,.issuer,.tag){color:var(--shai-gold-type)}

/* Repair older homepage link text and focus underline without altering nav sizes. */
body.shai-premium-page .topbar #desktopNav :is(.training-nav-link,.shop-nav-link),
body.shai-premium-page .topbar #mobileNav :is(.training-nav-link,.shop-nav-link){color:var(--shai-ivory-type)!important}
body.shai-premium-page .topbar #desktopNav :is(.training-nav-link,.shop-nav-link):is(:hover,:focus-visible),
body.shai-premium-page .topbar #mobileNav :is(.training-nav-link,.shop-nav-link):is(:hover,:focus-visible){color:var(--shai-gold-type)!important;border-bottom-color:var(--shai-gold-type)}
body.shai-premium-page .topbar :is(#desktopNav,#mobileNav) :is(.training-nav-link,.shop-nav-link):focus-visible{outline-color:var(--shai-gold-type)}

/* ASK SHAI homepage, discovery and original learning pages. */
body.shai-premium-page #main :is(
.immersive-hero .light-mark,.immersive-hero .hero-caption>span:first-child,
.navigator-orbit,.navigator-stage .eyebrow,.discovery-heading .eyebrow,
.discovery-page-heading .eyebrow,.discovery-index,.discovery-founder .eyebrow,
.discovery-founder .eye,.discovery-card-copy h3 button:hover,.preview-link,
.text-button,.feature-number,.feature-image-mark,.learning-feature .eyebrow,
.learning-feature h2 em,.learning-feature .feature-action-list button:hover,
.source-card>a,.grounded-home-details .eyebrow,.grounded-source .grounded-outbound,
.workspace-route-map>span:first-child,.workspace-route-map i,.founder-quote .meta,
.edu-number,.edu-org-topic){color:var(--shai-gold-type)}
body.shai-premium-page #main :is(
.hero-caption,.hero-coordinate,.immersion-kicker,.discovery-card-copy p,
.learning-feature-copy p,.discovery-founder p,.grounded-source small,
.grounded-commerce p,.source-verification,.discovery-page-heading .lead,
.discovery-search label,.discovery-results-line p,.learning-feature p,
.tutor-feature-facts){color:var(--shai-muted-type)}

/* Public tutoring studio: only labels/links and ordinary text, not answer states. */
body.shai-premium-page #main :is(
.tutor-entry-hero h1 em,.tutor-feature h2 em,.tutor-text-link,.tutor-kicker,
.tutor-discovery-heading,.tutor-language-note,.tutor-topic-number,
.tutor-topic-card>span[aria-hidden],
.tutor-companion-note>span,.tutor-mode-guide a,.tutor-feature .tutor-signature small
){color:var(--shai-gold-type)}
body.shai-premium-page #main :is(
.tutor-lead,.tutor-topic-note,.tutor-smallprint,
.tutor-topic-card>span:not(.tutor-topic-number),.tutor-workspace-heading .lead,
.tutor-companion-card>p,.tutor-mode-guide p,.tutor-example-answer,.tutor-faq>div>p
){color:var(--shai-muted-type)}
body.shai-premium-page #main .studio :is(
a:not(.studio-button):not(.button),.studio-eyebrow,.studio-lane-number,
.studio-lanes>button>span:last-child,.studio-text-button,.studio-icon-button,
.studio-module-icon,.studio-module-bottom button,
.studio-coach-mark,.studio-comparison-art .studio-unknown,.studio-paren,
.studio-demo-feedback strong,.studio-pencil,.studio-teaching-badge,
.studio-teach-model strong,.studio-teach-turn details a,
.studio-teaching-capabilities summary){color:var(--shai-gold-type)}
body.shai-premium-page #main .studio :is(
.studio-button:not(.studio-primary),.studio-lanes>button,.studio-lanes small,
.studio-hero .lead,.studio-section-heading>p,.studio-module-card>p,
.studio-module-meta,.studio-plan p,.studio-plan-list small,
.studio-workbench-heading p,.studio-muted,.studio-trust-details p,
select,summary,.studio-coach form textarea,.studio-coach form label,.studio-hint
){color:var(--shai-muted-type)}
body.shai-premium-page #main .studio :is(.studio-text-button,.studio-module-bottom button):hover{color:var(--shai-ivory-type)}

/* Academy is dark. Do not interfere with assessments or error/success messages. */
body.shai-premium-page #main .academy :is(
a:not(.button):not(.academy-button),.academy-heading-mark,.academy-kicker,
.academy-text-button,.academy-evidence b,.academy-pill){color:var(--shai-gold-type)}
body.shai-premium-page #main .academy :is(
.academy-tabs button,.academy-path button,.academy-evidence span,
.academy-sources summary,.academy-modes button,.academy-explanation p,
label,.academy-history summary,.academy-search-results article p
){color:var(--shai-muted-type)}
body.shai-premium-page #main .study-section{color:var(--shai-ivory-type)}
body.shai-premium-page #main .study-section :is(.study-source a,.study-meta strong){color:var(--shai-gold-type)}
body.shai-premium-page #main .study-section :is(h4,.study-objective,.study-card p,.study-meta){color:var(--shai-muted-type)}

/* Watch & Learn / Digital Library, hosted in the public site, not Facility. */
body.shai-premium-page #learningLounge :is(
.learning-lounge-head .eyebrow,.learning-video-placeholder-label,
.learning-library-category,.learning-library-art,.learning-show-more
){color:var(--shai-gold-type)}
body.shai-premium-page #learningLounge :is(
.learning-library-tab:not([aria-pressed="true"]),.learning-video-placeholder-hint,
.learning-library-results,.learning-library-empty,.learning-preview-summary,
.learning-preview-owner
){color:var(--shai-muted-type)}
body.shai-premium-page #learningLounge .learning-library-owner{color:var(--shai-muted-type)!important}
body.shai-premium-page #learningLounge :is(.learning-library-item,.learning-player){color:var(--shai-ivory-type)!important}
body.shai-premium-page #learningLounge .learning-library-tab[aria-pressed="true"]{color:#292620}
body.shai-premium-page #learningLounge .learning-player .button.primary{color:#292620!important}

/* The public navigator's source panel uses light surfaces: use darker bronze. */
body.shai-premium-page #shaiDrawer :is(.eyebrow,.source-card a,.ai-source-list a,.source-card .badge){color:var(--shai-bronze-type)}

/* Independent public pages, activated by their own opt-in body class. */
body.shai-share{color:#f3f2ef}
body.shai-share :is(.lead,.fine,.summary,.panel p,.channel-grid p,.price small,.qr-card small,footer){color:#c5bfb3}
body.shai-share :is(.eyebrow,.channel-grid small,.channel-grid strong,.price,.share-product){color:#e8cb99}
body.shai-tutor-lab{color:#f3f2ef}
body.shai-tutor-lab .lab-header a{color:#d6b778}
body.shai-tutor-lab :is(.lead,.lab-intro>p:last-child,.lab-setup p,.muted){color:#c5bfb3}
body.shai-learning-notices{color:#f3f2ef}
body.shai-learning-notices a,body.shai-learning-notices .tag{color:#d6b778}
body.shai-learning-notices :is(.note,.updated){color:#c5bfb3}

/* Pseudo-elements require standalone selectors; they cannot appear inside :is(). */
body.shai-premium-page #main .tutor-feature-facts span::before,
body.shai-premium-page #main .studio .studio-facts span::before{color:var(--shai-gold-type)}
body.shai-premium-page #learningLounge .learning-library-search::placeholder{color:var(--shai-muted-type)}

/* SHAI_GOLD_BUTTONS_SURGICAL_V1 (2026-10-22).
   Previously lavender-filled public buttons ONLY, including both screenshot cards.
   Retain sizes, layouts, typography, focus rings, disabled opacity, click behavior
   and neutral controls; no page backgrounds, imagery, statuses or checkout changes. */
body.shai-premium-page[data-route="home"] #main .grounded-commerce-actions a:first-child,
body.shai-premium-page[data-route="home"] #main .grounded-warning button,
body.shai-premium-page[data-route="home"] #main .immersive-hero .hero-actions .button.primary,
body.shai-premium-page[data-route="home"] #main .tutor-feature .tutor-feature-actions .button.primary,
body.shai-premium-page[data-route="home"] #main .navigator-stage .navigator-submit,
body.shai-premium-page[data-route="home"] #floatingShai,
body.shai-premium-page #main .discovery-filters button[aria-pressed="true"],
body.shai-premium-page #main .edu-section .button.primary,
body.shai-premium-page #main .study-section .button.primary,
body.shai-premium-page #main .academy .academy-button.academy-primary,
body.shai-premium-page .tutor-workspace-grid #shaiDrawer .button.primary,
body.shai-premium-page #shaiDrawer [data-pathway-confirm] {
  background:#d6c4a0;
  border-color:#d6c4a0;
  color:#111522;
}
body.shai-premium-page[data-route="home"] #main .grounded-commerce-actions a:first-child:not(:disabled):is(:hover,:focus-visible),
body.shai-premium-page[data-route="home"] #main .grounded-warning button:not(:disabled):is(:hover,:focus-visible),
body.shai-premium-page[data-route="home"] #main .immersive-hero .hero-actions .button.primary:not(:disabled):is(:hover,:focus-visible),
body.shai-premium-page[data-route="home"] #main .tutor-feature .tutor-feature-actions .button.primary:not(:disabled):is(:hover,:focus-visible),
body.shai-premium-page[data-route="home"] #main .navigator-stage .navigator-submit:not(:disabled):is(:hover,:focus-visible),
body.shai-premium-page[data-route="home"] #floatingShai:not(:disabled):is(:hover,:focus-visible),
body.shai-premium-page #main .discovery-filters button[aria-pressed="true"]:not(:disabled):is(:hover,:focus-visible),
body.shai-premium-page #main .edu-section .button.primary:not(:disabled):is(:hover,:focus-visible),
body.shai-premium-page #main .study-section .button.primary:not(:disabled):is(:hover,:focus-visible),
body.shai-premium-page #main .academy .academy-button.academy-primary:not(:disabled):is(:hover,:focus-visible),
body.shai-premium-page .tutor-workspace-grid #shaiDrawer .button.primary:not(:disabled):is(:hover,:focus-visible),
body.shai-premium-page #shaiDrawer [data-pathway-confirm]:not(:disabled):is(:hover,:focus-visible) {
  background:#e7d9bd;
  border-color:#e7d9bd;
  color:#111522;
}
/* Gold controls on pale learning sections need a contrasting darker border. */
body.shai-premium-page #main .edu-section .button.primary,
body.shai-premium-page.premium-paper #main .discovery-filters button[aria-pressed="true"] {
  border-color:#735b30;
}
}
