/* ASR public page surface system · 2026-10-09
   Intent:
   - dark = brand / product / conversion surfaces
   - light = editorial / institutional / information-dense surfaces
   Header and the shared footer remain white on every public page.
   Protected workspaces and terminals are excluded by the public builder. */

:root{
  --asr-light-bg:#f7f5f8;
  --asr-light-surface:#ffffff;
  --asr-light-surface-2:#fbfafc;
  --asr-light-ink:#1d1721;
  --asr-light-copy:#5f5865;
  --asr-light-muted:#817986;
  --asr-light-line:#e7e1ea;
  --asr-light-line-strong:#d9d0de;
  --asr-light-violet:#7229ad;
  --asr-light-violet-soft:#f3edf8;
}

/* --------------------------------------------------------------------------
   LIGHT EDITORIAL / INSTITUTIONAL PAGES
   Research · Publication · Meetings · About · FAQ · Support · Pricing · Guest
   -------------------------------------------------------------------------- */
html body .public-site:is(
  [data-page="research"],
  [data-page="publication"],
  [data-page="meetings"],
  [data-page="about"],
  [data-page="faq"],
  [data-page="support"],
  [data-page="pricing"],
  [data-page="guest"]
){
  background:var(--asr-light-bg)!important;
  color:var(--asr-light-ink)!important;
  color-scheme:light!important;
}
html body .public-site:is(
  [data-page="research"],
  [data-page="publication"],
  [data-page="meetings"],
  [data-page="about"],
  [data-page="faq"],
  [data-page="support"],
  [data-page="pricing"],
  [data-page="guest"]
)>.page-enter{
  background:var(--asr-light-bg)!important;
}
html body .public-site:is(
  [data-page="research"],
  [data-page="publication"],
  [data-page="meetings"],
  [data-page="about"],
  [data-page="faq"],
  [data-page="support"],
  [data-page="pricing"],
  [data-page="guest"]
) main{
  background:var(--asr-light-bg)!important;
  background-image:none!important;
  color:var(--asr-light-ink)!important;
}

/* Keep page width/rhythm calm and consistent. */
html body .public-site:is(
  [data-page="research"],
  [data-page="publication"],
  [data-page="meetings"],
  [data-page="faq"],
  [data-page="support"],
  [data-page="pricing"],
  [data-page="guest"]
) main.page{
  padding-top:54px!important;
  padding-bottom:78px!important;
}
html body .public-site[data-page="about"] main.about-page{
  padding-bottom:78px!important;
}

/* Hero language on light pages. */
html body .public-site:is(
  [data-page="research"],
  [data-page="meetings"],
  [data-page="faq"],
  [data-page="support"],
  [data-page="pricing"]
) .page-hero.compact{
  margin-bottom:30px!important;
  padding:34px 36px!important;
  border:1px solid var(--asr-light-line)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 92% 8%,rgba(114,41,173,.075),transparent 24rem),
    var(--asr-light-surface)!important;
  box-shadow:0 18px 50px rgba(42,28,48,.055)!important;
}
html body .public-site:is(
  [data-page="research"],
  [data-page="meetings"],
  [data-page="faq"],
  [data-page="support"],
  [data-page="pricing"]
) .page-hero.compact h1{
  color:var(--asr-light-ink)!important;
  font-size:clamp(38px,4.5vw,62px)!important;
  line-height:1!important;
  letter-spacing:-.052em!important;
}
html body .public-site:is(
  [data-page="research"],
  [data-page="meetings"],
  [data-page="faq"],
  [data-page="support"],
  [data-page="pricing"]
) .page-hero.compact p{
  max-width:720px!important;
  color:var(--asr-light-copy)!important;
  font-size:15px!important;
  line-height:1.72!important;
}
html body .public-site:is(
  [data-page="research"],
  [data-page="publication"],
  [data-page="meetings"],
  [data-page="about"],
  [data-page="faq"],
  [data-page="support"],
  [data-page="pricing"],
  [data-page="guest"]
) :is(.eyebrow,[class*="kicker"],.section-title>span){
  color:var(--asr-light-violet)!important;
}
html body .public-site:is(
  [data-page="research"],
  [data-page="publication"],
  [data-page="meetings"],
  [data-page="about"],
  [data-page="faq"],
  [data-page="support"],
  [data-page="pricing"],
  [data-page="guest"]
) main :is(h1,h2,h3,h4,h5,h6,strong,b){
  color:var(--asr-light-ink)!important;
  text-shadow:none!important;
}
html body .public-site:is(
  [data-page="research"],
  [data-page="publication"],
  [data-page="meetings"],
  [data-page="about"],
  [data-page="faq"],
  [data-page="support"],
  [data-page="pricing"],
  [data-page="guest"]
) main :is(p,li,dd,dt,small,label,.muted,.subtle,.copy,.description,.lead){
  color:var(--asr-light-copy)!important;
  text-shadow:none!important;
}

/* White cards on a warm off-white canvas. */
html body .public-site:is(
  [data-page="research"],
  [data-page="publication"],
  [data-page="meetings"],
  [data-page="about"],
  [data-page="faq"],
  [data-page="support"],
  [data-page="pricing"],
  [data-page="guest"]
) main :is(
  article,aside,details,.card,.panel,.data-state,.publication-facts,
  .research-contract,.contact-band,.guest-panel,.guest-gate
){
  background:var(--asr-light-surface)!important;
  background-image:none!important;
  color:var(--asr-light-ink)!important;
  border-color:var(--asr-light-line)!important;
  box-shadow:0 12px 36px rgba(42,28,48,.045)!important;
}

/* Inputs / filters / search. */
html body .public-site:is(
  [data-page="research"],
  [data-page="meetings"],
  [data-page="faq"],
  [data-page="support"],
  [data-page="pricing"],
  [data-page="guest"]
) main :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  background:#fff!important;
  color:var(--asr-light-ink)!important;
  border-color:var(--asr-light-line-strong)!important;
  box-shadow:none!important;
}
html body .public-site:is(
  [data-page="research"],
  [data-page="meetings"],
  [data-page="faq"],
  [data-page="support"],
  [data-page="pricing"],
  [data-page="guest"]
) main :is(input,textarea)::placeholder{color:#9a929e!important}
html body .public-site:is(
  [data-page="research"],
  [data-page="meetings"],
  [data-page="faq"],
  [data-page="support"],
  [data-page="pricing"],
  [data-page="guest"]
) main :is(input,select,textarea):focus{
  outline:none!important;
  border-color:rgba(114,41,173,.48)!important;
  box-shadow:0 0 0 3px rgba(114,41,173,.08)!important;
}

/* Public actions on light pages. */
html body .public-site:is(
  [data-page="research"],
  [data-page="publication"],
  [data-page="meetings"],
  [data-page="about"],
  [data-page="faq"],
  [data-page="support"],
  [data-page="pricing"],
  [data-page="guest"]
) main :is(.primary,.button-primary,a.primary,.nav-cta){
  background:#7229ad!important;
  background-image:none!important;
  color:#fff!important;
  border-color:#7229ad!important;
  box-shadow:none!important;
}
html body .public-site:is(
  [data-page="research"],
  [data-page="publication"],
  [data-page="meetings"],
  [data-page="about"],
  [data-page="faq"],
  [data-page="support"],
  [data-page="pricing"],
  [data-page="guest"]
) main :is(.primary,.button-primary,a.primary,.nav-cta) *{color:#fff!important}
html body .public-site:is(
  [data-page="research"],
  [data-page="publication"],
  [data-page="meetings"],
  [data-page="about"],
  [data-page="faq"],
  [data-page="support"],
  [data-page="pricing"],
  [data-page="guest"]
) main :is(.secondary,.button-secondary,.button-soft){
  background:#fff!important;
  color:#4c3f53!important;
  border-color:var(--asr-light-line-strong)!important;
  box-shadow:none!important;
}

/* Research */
html body .public-site[data-page="research"] .research-tools,
html body .public-site[data-page="research"] .method-strip{
  border-color:var(--asr-light-line)!important;
  background:var(--asr-light-surface)!important;
  box-shadow:0 12px 36px rgba(42,28,48,.04)!important;
}
html body .public-site[data-page="research"] .research-card{
  border-radius:16px!important;
}
html body .public-site[data-page="research"] .research-card:hover{
  transform:translateY(-2px);
  border-color:#d2c1dc!important;
  box-shadow:0 18px 42px rgba(64,38,74,.08)!important;
}
html body .public-site[data-page="research"] .hero-count{
  border-color:#dfd3e6!important;
  background:var(--asr-light-violet-soft)!important;
  color:var(--asr-light-violet)!important;
}

/* Publication detail */
html body .public-site[data-page="publication"] .publication-detail-hero{
  border:1px solid var(--asr-light-line)!important;
  border-radius:22px!important;
  background:var(--asr-light-surface)!important;
  box-shadow:0 18px 50px rgba(42,28,48,.05)!important;
}
html body .public-site[data-page="publication"] .publication-body{
  background:transparent!important;
  border-color:var(--asr-light-line)!important;
}

/* Meetings */
html body .public-site[data-page="meetings"] .meeting-search,
html body .public-site[data-page="meetings"] .calendar-section,
html body .public-site[data-page="meetings"] .meeting-section{
  border-color:var(--asr-light-line)!important;
}
html body .public-site[data-page="meetings"] .meeting-search{
  background:#fff!important;
}
html body .public-site[data-page="meetings"] .status-pill{
  color:#6d6172!important;
  background:#f5f1f7!important;
  border-color:#e4dce8!important;
}

/* About: institutional, open and editorial. */
html body .public-site[data-page="about"] .about-hero{
  padding-top:64px!important;
  padding-bottom:52px!important;
}
html body .public-site[data-page="about"] .about-overview,
html body .public-site[data-page="about"] .about-principles{
  background:#fff!important;
  border-color:var(--asr-light-line)!important;
}
html body .public-site[data-page="about"] .about-principles>div>article{
  box-shadow:none!important;
}
html body .public-site[data-page="about"] .source-pills span{
  background:#fff!important;
  color:#5e5364!important;
  border-color:var(--asr-light-line)!important;
}
html body .public-site[data-page="about"] .person-card,
html body .public-site[data-page="about"] .partner-grid article,
html body .public-site[data-page="about"] .institution-grid a{
  background:#fff!important;
  border-color:var(--asr-light-line)!important;
}

/* FAQ */
html body .public-site[data-page="faq"] .faq-search,
html body .public-site[data-page="faq"] .faq-list article,
html body .public-site[data-page="faq"] .faq-cta{
  background:#fff!important;
  border-color:var(--asr-light-line)!important;
}
html body .public-site[data-page="faq"] .faq-list article.open{
  border-color:#d6c3e1!important;
  box-shadow:0 14px 36px rgba(77,42,89,.06)!important;
}

/* Support */
html body .public-site[data-page="support"] .support-cards article{
  min-height:235px!important;
  border-radius:17px!important;
}
html body .public-site[data-page="support"] .support-cards article>svg{
  color:var(--asr-light-violet)!important;
}

/* Pricing */
html body .public-site[data-page="pricing"] .pricing-block{
  border-color:var(--asr-light-line)!important;
}
html body .public-site[data-page="pricing"] .pricing-grid article.featured,
html body .public-site[data-page="pricing"] .orun-access-grid article.featured{
  border-color:#cdb5dc!important;
  box-shadow:0 18px 46px rgba(94,49,111,.09)!important;
}
html body .public-site[data-page="pricing"] .plan-badges em{
  color:#675a6d!important;
  background:#f6f2f8!important;
  border-color:#e5dce9!important;
}

/* Guest */
html body .public-site[data-page="guest"] .guest-hero,
html body .public-site[data-page="guest"] .guest-tabs{
  background:#fff!important;
  border-color:var(--asr-light-line)!important;
}
html body .public-site[data-page="guest"] .guest-tabs button{
  color:#6a626e!important;
}
html body .public-site[data-page="guest"] .guest-tabs button.active{
  color:var(--asr-light-violet)!important;
  background:var(--asr-light-violet-soft)!important;
}

/* --------------------------------------------------------------------------
   DARK BRAND / PRODUCT / CONVERSION PAGES
   Home · Services · Apply · DINAV · OrunMila · Login
   Preserve the deep graphite/violet product identity.
   -------------------------------------------------------------------------- */
html body .public-site:is(
  [data-page="home"],
  [data-page="apply"],
  [data-page="dinav"],
  [data-page="orunmila"],
  [data-page="login"]
){
  color-scheme:dark!important;
}
html body .public-site[data-page="apply"] .apply-page-premium{
  background:#030305!important;
}

/* Public footers use the single shared WHITE footer system on every route.
   Do not set footer colors here: the canonical stylesheet
   asr-public-footer-unified-v1.css owns both FAQ and Support, as well as
   Research, Meetings, About, Services and the rest of the public pages. */

@media(max-width:720px){
  html body .public-site:is(
    [data-page="research"],[data-page="meetings"],[data-page="faq"],
    [data-page="support"],[data-page="pricing"]
  ) .page-hero.compact{
    padding:26px 22px!important;
    border-radius:17px!important;
  }
  html body .public-site:is(
    [data-page="research"],[data-page="meetings"],[data-page="faq"],
    [data-page="support"],[data-page="pricing"]
  ) .page-hero.compact h1{font-size:40px!important}
}
@media(prefers-reduced-motion:reduce){
  html body .public-site[data-page="research"] .research-card{transition:none!important}
}