/* Light palette for the horoscope home, period pages, and individual readings. */
:root.horoscope-light {
  color-scheme: light;
  --bg: #faf7f2;
  --panel: #fffdf9;
  --line: #e3d8ce;
  --muted: #756774;
  --ink: #4b243e;
  --gold: #92613e;
  --paper: #fffdf9;
  --paper-ink: #493446;
}

.horoscope-light ::selection {
  background: #e7cdd7;
  color: #4b243e;
}

.horoscope-light :focus-visible {
  outline: 2px solid #7f4d68;
  outline-offset: 4px;
}

.horoscope-light .brand img {
  filter: none;
}

.horoscope-light .love-blueprint-banner {
  color: #fff9f3;
  border-color: #b82a3c;
  background: linear-gradient(110deg, #b72436, #c92f40 55%, #b92339);
  box-shadow: 0 6px 20px #b7243618;
}

.horoscope-light .love-blueprint-banner:hover {
  filter: none;
  background: #b92339;
  border-color: #a31e30;
}

.horoscope-light .blueprint-banner-copy small {
  color: #ffebe4;
}

.horoscope-light .blueprint-banner-mark,
.horoscope-light .blueprint-banner-arrow {
  color: #ffe5d6;
}

.horoscope-light .intro-orbit,
.horoscope-light .intro-orbit::before {
  border-color: #e5d7ca;
}

.horoscope-light .intro-orbit i {
  border-color: #c7ab96;
}

.horoscope-light .intro-orbit b {
  color: #9a6a80;
}

.horoscope-light .explore-links > a {
  background: var(--panel);
}

.horoscope-light .explore-links > a:hover {
  background: #f5ede7;
  border-color: #c1a594;
}

.horoscope-light .period-nav > a:hover {
  background: #f2e9e4;
}

.horoscope-light .period-nav > a[aria-current="page"] {
  background: #ead7de;
  border-color: #d1b1bf;
  color: var(--ink);
}

.horoscope-light .period-nav > a[aria-current="page"] .period-symbol,
.horoscope-light .period-nav > a[aria-current="page"] small {
  color: #74455e;
}

.horoscope-light .sign-card {
  background: linear-gradient(120deg, #fffdf9, #fbf6ef);
  box-shadow: 0 3px 12px #4b243e03;
}

.horoscope-light .sign-card:hover {
  background: #f6eee7;
  border-color: #b59785;
}

.horoscope-light .sign-card.is-saved {
  border-color: #996c53;
}

.horoscope-light .sign-element {
  color: #866b78;
}

/* The same gold line illustrations remain available to the dark site sections. */
.horoscope-light .sign-art,
.horoscope-light .reading-header > img,
.horoscope-light .reading-aside > img {
  filter: brightness(.56) saturate(.7);
}

.horoscope-light .sky-teaser {
  border-color: #dcd1df;
  background: #f1ecf3;
}

.horoscope-light .sky-note,
.horoscope-light .sky-description {
  color: #726374;
}

.horoscope-light .quiet-link {
  border-top-color: #d9c9ce;
}

.horoscope-light .love-teaser {
  border-color: #e0c9d0;
  background: #f5e8ec;
}

.horoscope-light .love-orbits > i {
  border-color: #b58da0;
}

.horoscope-light .love-orbits > span {
  background: #f5e8ec;
}

.horoscope-light .love-teaser > p,
.horoscope-light .love-teaser > small {
  color: #765c6c;
}

.horoscope-light .cream-button {
  border-color: #573047;
  background: #573047;
  color: #fff9f3;
}

.horoscope-light .cream-button:hover {
  border-color: #70425e;
  background: #70425e;
}

.horoscope-light .zodiac-teaser {
  background: var(--panel);
}

.horoscope-light .operator {
  color: var(--muted);
}

.horoscope-light .edition-error {
  background: #f6e8eb;
  border-color: #cba2b2;
}

.horoscope-light .save-sign[aria-pressed="true"] {
  color: #74455e;
  border-color: #b88fa2;
  background: #f4e7ec;
}

.horoscope-light .reading-paper {
  border: 1px solid var(--line);
  box-shadow: 0 8px 32px #4b243e04;
}

/* Shared light treatment for the sky, zodiac library and compatibility guides. */
.horoscope-light .profile-card img,
.horoscope-light .guide-art img,
.horoscope-light .pair-group summary > img {
  filter: brightness(.56) saturate(.7);
}
.horoscope-light .guide-prose {
  border: 1px solid var(--line);
}
.horoscope-light .compat-selector {
  background: #f5e8ec;
  border-color: #e0c9d0;
}
.horoscope-light .compat-selector select {
  background: var(--panel);
  border-color: #cdb9c3;
}
.horoscope-light .sky-chart {
  background: radial-gradient(circle, #eee3ed, #faf7f200 72%);
}
.horoscope-light .sky-chart text,
.horoscope-light .sky-chart .wheel-label {
  fill: #756774;
}
.horoscope-light .sky-chart .wheel-body,
.horoscope-light .sky-chart .wheel-sign,
.horoscope-light .sky-chart .planet-point {
  fill: #92613e;
}
.horoscope-light .sky-chart .wheel-center,
.horoscope-light .sky-chart .planet-selected,
.horoscope-light .sky-chart .wheel-body-link:hover .wheel-body {
  fill: #4b243e;
}
.horoscope-light .sky-chart .wheel-line {
  stroke: #b49aa8;
}
.horoscope-light .sky-chart .wheel-center-note {
  fill: var(--muted);
}
.horoscope-light .sky-chart .wheel-body-link circle {
  fill: #fffdf9;
  stroke: #c4aab8;
}
.horoscope-light .sky-chart .wheel-body-link.is-selected circle {
  fill: #ead7de;
  stroke: #7f4d68;
}
.horoscope-light .sky-clock button {
  background: #fffdf9;
}
.horoscope-light .sky-clock button[aria-pressed=true],
.horoscope-light .planet-row.is-selected {
  background: #f4e7ec;
  color: #74455e;
}
.horoscope-light .sky-moon-panel {
  background: #f1ecf3;
  border-color: #dcd1df;
}

/* Mercury status and calendar use blush panels with distinct phase labels. */
.horoscope-light .mercury-illustration svg {
  stroke: #b89ba9;
}
.horoscope-light .mercury-illustration > small {
  color: #95647d;
}
.horoscope-light .mercury-now {
  background: linear-gradient(120deg, #f4e6eb, #faf1ed);
  border-color: #d6b9c5;
}
.horoscope-light .mercury-now[data-phase=direct] {
  border-color: #b4c5b7;
}
.horoscope-light .mercury-phase {
  background: #fff8f7;
  border-color: #b98d9e;
  color: #823951;
}
.horoscope-light .mercury-now[data-phase=direct] .mercury-phase {
  background: #f1f7ef;
  border-color: #9eb7a1;
  color: #3e654a;
}
.horoscope-light .mercury-countdown {
  border-color: #dcc7d0;
}
.horoscope-light .mercury-milestones li {
  border-color: #dfd1d8;
}
.horoscope-light .mercury-milestones li.is-current {
  border-color: var(--gold);
}
.horoscope-light .milestone-number {
  color: #806778;
}
.horoscope-light .mercury-period[data-current=true] {
  border-color: #b98d9e;
  background: #fbf0f3;
}
.horoscope-light .mercury-period[data-current=true] .mercury-period-state {
  color: #823951;
}
.horoscope-light .mercury-calendar form button {
  background: #573047;
  border-color: #573047;
  color: #fff9f3;
}
.horoscope-light .mercury-reflection {
  background: #f1ecf3;
  border-color: #dcd1df;
}