/* Shared tokens for the public site and the preview tiles in the admin. */
.site-theme-swatch[data-site-preset="classic"][data-theme="dark"]{
 --page:#101923;--surface:#16222e;--surface2:#1c2b37;--text:#f1f5f5;
 --line:#2a3b46;--accent:#a6efc5;--accent-ink:#123c2c;--hero-ink:#162b37;--hero-accent:#a6efc5
}
.site-theme-swatch[data-site-preset="classic"][data-theme="light"]{
 --page:#f8faf9;--surface:#ffffff;--surface2:#f0f5f2;--text:#1c302b;
 --line:#dce6e0;--accent:#20764f;--accent-ink:#ffffff;--hero-ink:#1a4034;--hero-accent:#a6efc5
}
:is(html,.site-theme-swatch)[data-site-preset="flat-esmeralda"][data-theme="light"]{
 --page:#f4f9f5;--surface:#ffffff;--surface2:#e8f4ed;--band:#e3f2e8;--field:#f8fbf9;
 --text:#152c23;--muted:#405d51;--line:#638577;--theme-edge:#b8d6c5;
 --accent:#126447;--accent-soft:#dceddf;--accent-ink:#ffffff;--theme-focus:#126447
}
:is(html,.site-theme-swatch)[data-site-preset="flat-esmeralda"][data-theme="dark"]{
 --page:#11231d;--surface:#162d25;--surface2:#1d392e;--band:#13291f;--field:#10241b;
 --text:#edf9f2;--muted:#b8d1c4;--line:#719487;--theme-edge:#335e4e;
 --accent:#90e6ba;--accent-soft:#224936;--accent-ink:#102c21;--theme-focus:#90e6ba
}
:is(html,.site-theme-swatch)[data-site-preset="flat-esmeralda"]{
 --hero-ink:#082a1e;--hero-fade:#1037268f;--hero-accent:#9bf4bb;--hero-accent-ink:#0d3021
}
:is(html,.site-theme-swatch)[data-site-preset="flat-atlantico"][data-theme="light"]{
 --page:#f1f6ff;--surface:#ffffff;--surface2:#e7effd;--band:#e4edfc;--field:#f7faff;
 --text:#172d4a;--muted:#3c5874;--line:#6381a2;--theme-edge:#bdcfea;
 --accent:#154f97;--accent-soft:#dae8ff;--accent-ink:#ffffff;--theme-focus:#154f97
}
:is(html,.site-theme-swatch)[data-site-preset="flat-atlantico"][data-theme="dark"]{
 --page:#101f36;--surface:#182b44;--surface2:#213955;--band:#13243c;--field:#12243b;
 --text:#f1f7ff;--muted:#b6cde4;--line:#7798ba;--theme-edge:#3b5675;
 --accent:#9ac8ff;--accent-soft:#243e64;--accent-ink:#142b48;--theme-focus:#9ac8ff
}
:is(html,.site-theme-swatch)[data-site-preset="flat-atlantico"]{
 --hero-ink:#0b203e;--hero-fade:#182f588b;--hero-accent:#9fcaff;--hero-accent-ink:#142c4d
}
:is(html,.site-theme-swatch)[data-site-preset="neo-perola"][data-theme="light"]{
 --page:#e9f0ec;--surface:#e9f0ec;--surface2:#e0ebe5;--band:#e4ede8;--field:#e6eee9;
 --text:#172e27;--muted:#3f5a50;--line:#628176;--theme-edge:#b2c6bc;
 --accent:#096049;--accent-soft:#d4e8dc;--accent-ink:#ffffff;--theme-focus:#096049;
 --theme-glint:#f7fcf9;--theme-light:#fff9;--theme-shade:#446e5d33
}
:is(html,.site-theme-swatch)[data-site-preset="neo-perola"][data-theme="dark"]{
 --page:#1a2c28;--surface:#20332e;--surface2:#263d36;--band:#192d27;--field:#182a24;
 --text:#eff8f3;--muted:#bdd3c8;--line:#7caa9a;--theme-edge:#446359;
 --accent:#a3e8c7;--accent-soft:#305344;--accent-ink:#142e24;--theme-focus:#a3e8c7;
 --theme-glint:#29413a;--theme-light:#5983762b;--theme-shade:#0006
}
:is(html,.site-theme-swatch)[data-site-preset="neo-perola"]{
 --hero-ink:#122d25;--hero-fade:#21443987;--hero-accent:#c5f1d9;--hero-accent-ink:#183e31
}
:is(html,.site-theme-swatch)[data-site-preset="neo-grafite"][data-theme="light"]{
 --page:#e8eef1;--surface:#e9f0f2;--surface2:#dee9ed;--band:#e1ebee;--field:#e4edef;
 --text:#1b3039;--muted:#425e68;--line:#64828d;--theme-edge:#aebfc8;
 --accent:#115c63;--accent-soft:#d1e5e8;--accent-ink:#ffffff;--theme-focus:#115c63;
 --theme-glint:#f5fbff;--theme-light:#fffa;--theme-shade:#3b637333
}
:is(html,.site-theme-swatch)[data-site-preset="neo-grafite"][data-theme="dark"]{
 --page:#18232b;--surface:#1f2d36;--surface2:#273a44;--band:#1a2730;--field:#17252d;
 --text:#eff8f9;--muted:#bdcfd5;--line:#789ba8;--theme-edge:#45626e;
 --accent:#a2e9e3;--accent-soft:#2a5056;--accent-ink:#112e31;--theme-focus:#a2e9e3;
 --theme-glint:#2a3d46;--theme-light:#60818f31;--theme-shade:#0007
}
:is(html,.site-theme-swatch)[data-site-preset="neo-grafite"]{
 --hero-ink:#14252c;--hero-fade:#1d3e4b91;--hero-accent:#a8ede6;--hero-accent-ink:#12373a
}

.site-theme-preview-note{background:var(--accent-soft);border-block-end:1px solid var(--line);color:var(--text);font-size:calc(13px * var(--reading-scale,1))}
.site-theme-preview-note>.shell{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:6px 18px;flex-wrap:wrap;padding-block:6px}
.site-theme-preview-note a{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-weight:650;text-decoration:underline;text-underline-offset:.22em}
.site-theme-preview-note svg{width:14px;height:14px}

/* New looks share the station's content, navigation, player and reading controls. */
html:is([data-site-style="flat"],[data-site-style="neo"]) .hero{
 background-color:var(--hero-ink)
}
html:is([data-site-style="flat"],[data-site-style="neo"]) .hero-shade{
 background:linear-gradient(90deg,var(--hero-ink) 6%,var(--hero-fade) 71%,#09182026),
            linear-gradient(0deg,var(--hero-ink),#08172200 37%,#0918228c 100%)
}
html:is([data-site-style="flat"],[data-site-style="neo"]) :is(.hero-kicker,.hero-caption svg,.site-header .brand-bars){
 color:var(--hero-accent)
}
html:is([data-site-style="flat"],[data-site-style="neo"]) .hero-kicker>span{
 background:var(--hero-accent);box-shadow:0 0 0 4px #fff2
}
html:is([data-site-style="flat"],[data-site-style="neo"]) .hero .button.primary{
 background:var(--hero-accent);color:var(--hero-accent-ink);border-color:var(--hero-accent)
}
html:is([data-site-style="flat"],[data-site-style="neo"]) .hero .round-button:hover{
 color:var(--hero-accent);border-color:var(--hero-accent)
}
html:is([data-site-style="flat"],[data-site-style="neo"]) .hero :focus-visible{
 outline:3px solid var(--hero-accent);outline-offset:4px;box-shadow:0 0 0 4px var(--hero-ink)
}
html:is([data-site-style="flat"],[data-site-style="neo"]) :where(a,button,input,textarea,select,summary):focus-visible{
 outline:3px solid var(--theme-focus);outline-offset:4px
}
html:is([data-site-style="flat"],[data-site-style="neo"]) body[data-site-landing] .site-header :focus-visible{
 outline:3px solid var(--hero-accent);outline-offset:3px;box-shadow:0 0 0 3px var(--hero-ink)
}
html:is([data-site-style="flat"],[data-site-style="neo"]) .has-blog .site-header :is(.brand-bars,.round-button:hover){color:var(--accent)}
html:is([data-site-style="flat"],[data-site-style="neo"]) .has-blog .site-header .public-brand small{color:var(--muted)}
html:is([data-site-style="flat"],[data-site-style="neo"]) :is(.catalogue-player,.public-volume) input{accent-color:var(--accent)}

html[data-site-style="flat"]{--shadow:none}
html[data-site-style="flat"] :is(.listen-bar,.request-form,.program-card,.media-card,.partner,.news-card,.cause-card,.club-panel,.club-auth-card,.editorial-contact-form,.profile-identity,.profile-box,.activity-entry){
 background:var(--surface);border-color:var(--theme-edge);border-radius:6px;box-shadow:none
}
html[data-site-style="flat"] .listen-bar{
 background:var(--surface2);border-inline-start:5px solid var(--accent)
}
html[data-site-style="flat"] :is(.button,.listen-play,.round-button,.profile-box input,.request-form input,.request-form textarea){
 border-radius:5px;box-shadow:none
}
html[data-site-style="flat"] .section-heading>div:first-child{
 border-inline-start:4px solid var(--accent);padding-inline-start:15px
}
html[data-site-style="flat"] .hero-kicker{
 width:fit-content;border-inline-start:3px solid var(--hero-accent);padding-inline-start:12px
}
html[data-site-style="flat"] .hero-kicker>span{display:none}
html[data-site-style="flat"] .hero :is(.button.primary,.round-button){box-shadow:none}

html[data-site-style="neo"]{
 --theme-raised:7px 8px 20px var(--theme-shade),-5px -6px 16px var(--theme-light);
 --theme-inset:inset 3px 3px 7px var(--theme-shade),inset -3px -3px 7px var(--theme-light);
 --theme-surface:linear-gradient(142deg,var(--theme-glint),var(--surface) 63%);
 --shadow:var(--theme-raised)
}
html[data-site-style="neo"] .hero{
 width:min(1600px,calc(100% - 28px));margin-inline:auto;
 border-radius:clamp(18px,2.7vw,40px);box-shadow:var(--theme-raised)
}
html[data-site-style="neo"] .hero-content{width:min(1360px,calc(100% - 76px))}
html[data-site-style="neo"] .hero-bottom{width:min(1360px,calc(100% - 76px))}
html[data-site-style="neo"] :is(.listen-bar,.request-form,.program-card,.media-card,.partner,.news-card,.cause-card,.club-panel,.club-auth-card,.editorial-contact-form,.profile-identity,.profile-box,.activity-entry){
 background:var(--theme-surface);border:1px solid var(--theme-edge);border-radius:20px;box-shadow:var(--theme-raised)
}
html[data-site-style="neo"] .listen-bar{
 border-radius:24px;box-shadow:0 1px 0 var(--theme-light) inset,var(--theme-raised)
}
html[data-site-style="neo"] :is(.request-form,.editorial-contact-form,.profile-box,.club-auth-card,.news-comment-form) :is(input:not([type="checkbox"],[type="radio"],[type="hidden"]),select,textarea){
 background:var(--field);border-color:var(--line);border-radius:10px;box-shadow:var(--theme-inset)
}
html[data-site-style="neo"] :is(.button,.listen-play){box-shadow:0 2px 0 var(--theme-light) inset,var(--theme-raised)}
html[data-site-style="neo"] :is(.button,.listen-play):active{box-shadow:var(--theme-inset)}
html[data-site-style="neo"] .hero .button{box-shadow:0 1px 2px #fff8 inset,0 5px 14px #0005}
html[data-site-style="neo"] .hero .button.primary{border-radius:999px}
html[data-site-style="neo"] .hero .button:active{box-shadow:inset 0 3px 6px #0005}
html[data-site-style="neo"] .public-volume{
 padding:5px 8px;border-radius:8px;background:var(--field);box-shadow:var(--theme-inset)
}
html[data-site-style="neo"] .weekday-tabs button[aria-selected=true]{
 border-radius:9px 9px 0 0;box-shadow:var(--theme-inset)
}
@media(max-width:760px){
 /* Let the banner grow with the selected reading size and keep the player nearby. */
 html:is([data-site-style="flat"],[data-site-style="neo"]) .hero{
  display:grid;grid-template-rows:1fr auto;height:auto;min-height:clamp(550px,72svh,625px);max-height:none
 }
 html:is([data-site-style="flat"],[data-site-style="neo"]) .hero-slide{
  grid-area:1/1;position:relative;inset:auto;display:grid;align-items:center
 }
 html:is([data-site-style="flat"],[data-site-style="neo"]) .hero-media{position:absolute;inset:0}
 html:is([data-site-style="flat"],[data-site-style="neo"]) .hero-content{
  position:relative;inset:auto;transform:none;padding-block:112px 23px;
  overflow-wrap:anywhere
 }
 html:is([data-site-style="flat"],[data-site-style="neo"]) .hero>.hero-content{grid-area:1/1;align-self:center}
 html:is([data-site-style="flat"],[data-site-style="neo"]) .hero-bottom{
  grid-area:2/1;position:relative;inset:auto;padding-block:10px 49px
 }
 html:is([data-site-style="flat"],[data-site-style="neo"]) .hero-shade{
  background:linear-gradient(90deg,var(--hero-ink),var(--hero-fade)),linear-gradient(0deg,var(--hero-ink),#08172215 70%,#08172270)
 }
 html[data-site-style="neo"]{
  --theme-raised:4px 5px 10px var(--theme-shade),-3px -4px 10px var(--theme-light)
 }
 html[data-site-style="neo"] .hero{width:calc(100% - 16px);border-radius:17px}
 html[data-site-style="neo"] :is(.hero-content,.hero-bottom){width:calc(100% - 32px)}
 html[data-site-style="neo"] .listen-bar{border-radius:16px}
 html[data-site-style="flat"] .section-heading>div:first-child{padding-inline-start:10px}
}
@media(forced-colors:active){
 html:is([data-site-style="flat"],[data-site-style="neo"]) :where(a,button,input,textarea,select,summary):focus-visible{outline-color:Highlight}
 html[data-site-style="neo"] :is(.listen-bar,.request-form,.button,.listen-play){box-shadow:none;border-color:ButtonText}
}