/* The recovered styles remain intact. Only existing color tokens change. */
html[data-study-palette="green"] {
  --study-accent: #386b4b;
  --study-bright: #467953;
  --study-dark: #2d583e;
  --study-pale: #edf4ef;
  --study-tint: #dce9de;
  --study-menu: 141deg 22% 27%;
  --study-menu-border: #587261;
}
html[data-study-palette="forest"] {
  --study-accent: #315c48;
  --study-bright: #416e56;
  --study-dark: #294d3c;
  --study-pale: #eef3f0;
  --study-tint: #dce7df;
  --study-menu: 152deg 20% 23%;
  --study-menu-border: #50685c;
}
html[data-study-palette="teal"] {
  --study-accent: #306c61;
  --study-bright: #3d786e;
  --study-dark: #28594f;
  --study-pale: #edf4f2;
  --study-tint: #dcebe6;
  --study-menu: 166deg 22% 25%;
  --study-menu-border: #54766e;
}
html[data-study-palette]:not([data-study-palette="original"]) body {
  --link-color: var(--study-accent);
  --dt-color: var(--study-dark);
  --brand: var(--study-accent);
  --brand-dark: var(--study-dark);
  --brand-bright: var(--study-bright);
  --brand-light: var(--study-tint);
  --brand-pale: var(--study-pale);
  --h3-bg: var(--study-pale);
  --cta-color: var(--study-accent);
  --cta-sub-color: var(--study-bright);
  --cta-text-color: #fff;
  --checkbox-bg: var(--study-accent);
  --headermenu-bg: var(--study-menu);
  --headermenu-border-color: var(--study-menu-border);
  --selection-bg: var(--study-tint);
}
/* The mobile original uses brand-light for heading fills and active tab text. */
html[data-study-palette]:not([data-study-palette="original"]) body:has(#main_contents) {
  --brand-light: var(--study-bright);
}
/* Respect the original night/beige controls and keep their text readable. */
html[data-study-palette]:not([data-study-palette="original"]) body.night {
  --link-color: #9ccbb0;
  --dt-color: #9ccbb0;
  --brand-pale: #29332d;
  --brand-light: #3e5c4b;
  --h3-bg: #29332d;
  --selection-bg: #43634f;
}
html[data-study-palette]:not([data-study-palette="original"]) body.beige {
  --brand-pale: #e9e6d6;
  --h3-bg: #e9e6d6;
}