/* Light-theme tokens + nav menu for landing (--ink) and content_page (--ed-*). */

html[data-ed-theme="light"] {
  color-scheme: light;
  --ed-ink: #ffffff;
  --ed-ink-2: #f3f4f6;
  --ed-ink-3: #ffffff;
  --ed-ink-4: #eef0f3;
  --ed-tx: #111318;
  --ed-tx-2: #4b5160;
  --ed-tx-3: #6b7280;
  --ed-green: #0e8345;
  --ed-green-dk: #0a6835;
  --ed-green-mid: #1a9a54;
  --ed-acc: #0b6b38;
  --ed-green-wash: rgba(14, 131, 69, .08);
  --ed-line: rgba(17, 19, 24, .12);
  --ed-line-2: rgba(17, 19, 24, .07);
  --ed-nav-bg: rgba(255, 255, 255, .92);
  --ed-dock-bg: rgba(255, 255, 255, .96);
  --ed-btn-hover-border: rgba(17, 19, 24, .28);
  --ed-btn-hover-bg: rgba(17, 19, 24, .04);

  --ink: #ffffff;
  --ink-2: #f3f4f6;
  --ink-3: #ffffff;
  --ink-4: #eef0f3;
  --tx: #111318;
  --tx-2: #4b5160;
  --tx-3: #6b7280;
  --green: #0e8345;
  --green-dk: #0a6835;
  --green-mid: #1a9a54;
  --acc: #0b6b38;
  --green-wash: rgba(14, 131, 69, .08);
  --line: rgba(17, 19, 24, .12);
  --line-2: rgba(17, 19, 24, .07);
  --nav-bg: rgba(255, 255, 255, .92);
  --dock-bg: rgba(255, 255, 255, .96);
  --btn-hover-border: rgba(17, 19, 24, .28);
  --btn-hover-bg: rgba(17, 19, 24, .04);
  --band-bg: #f3f4f6;
  --mock-hover-border: rgba(17, 19, 24, .14);
  --mock-thumb: linear-gradient(150deg, #dce4ee, #c5d0de);
  --mock-sw1: linear-gradient(150deg, #c8d4e4, #aab9cb);
  --mock-sw2: linear-gradient(150deg, #e0d4c8, #c9b9a8);
  --mock-sw3: linear-gradient(150deg, #c5e0ce, #9fcfaf);
  --mock-cl1: linear-gradient(160deg, #ddd0e8, #c4b0d4);
  --mock-cl2: linear-gradient(160deg, #c5e0ce, #9fcfaf);
  --mock-cl3: linear-gradient(160deg, #c8d4e4, #aab9cb);
  --mock-scrim: rgba(255, 255, 255, .84);
  --mock-scrim-solid: rgba(255, 255, 255, .94);
  --mock-scrim-heavy: rgba(255, 255, 255, .9);
  --mock-play-border: rgba(17, 19, 24, .14);
  --mock-mini-border: rgba(17, 19, 24, .16);
  --mock-play-icon: #111318;
  --homescreen-bg: linear-gradient(165deg, #eef1f5, #f8fafc);
  --homescreen-icn-bg: #e5e7eb;
  --homescreen-ph: rgba(17, 19, 24, .14);
  --plat-icon-bg: rgba(17, 19, 24, .06);
}

html[data-ed-theme="light"] .ed-sidebar-list a.is-active,
html[data-ed-theme="light"] .ed-sidebar-link.is-active,
html[data-ed-theme="light"] .ed-sidebar-link.active {
  color: var(--ed-tx);
}

html[data-ed-theme="light"] .ed-btn-primary,
html[data-ed-theme="light"] .ed-shell a.ed-btn-primary,
html[data-ed-theme="light"] .ed-btn-primary:hover,
html[data-ed-theme="light"] .ed-shell a.ed-btn-primary:hover {
  color: #fff;
}

.ed-theme {
  position: relative;
  flex-shrink: 0;
}

.ed-theme-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  min-height: 46px;
  padding: 0;
  border-radius: var(--ed-r, var(--r, 6px));
  border: 1px solid var(--ed-line, var(--line));
  background: none;
  color: var(--ed-tx, var(--tx));
  cursor: pointer;
  transition: background .17s, border-color .17s;
}

.ed-theme-btn:hover,
.ed-theme.is-open .ed-theme-btn {
  border-color: var(--ed-green-mid, var(--green-mid));
  background: var(--ed-green-wash, var(--green-wash));
}

.ed-theme-btn svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ed-theme-icon { display: none; }
.ed-theme-icon--dark { display: block; }

html[data-ed-mode="light"] .ed-theme-icon--dark,
html[data-ed-mode="system"] .ed-theme-icon--dark,
html[data-ed-mode="account"][data-ed-theme="light"] .ed-theme-icon--dark {
  display: none;
}

html[data-ed-mode="light"] .ed-theme-icon--light,
html[data-ed-mode="account"][data-ed-theme="light"] .ed-theme-icon--light {
  display: block;
}

html[data-ed-mode="system"] .ed-theme-icon--system {
  display: block;
}

html[data-ed-mode="account"][data-ed-theme="dark"] .ed-theme-icon--dark,
html[data-ed-mode="dark"] .ed-theme-icon--dark {
  display: block;
}

.ed-theme-menu {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 90;
  min-width: 148px;
  margin: 0;
  padding: .35rem;
  list-style: none;
  background: var(--ed-ink-3, var(--ink-3, #fff));
  border: 1px solid var(--ed-line, var(--line));
  border-radius: 8px;
  box-shadow: 0 14px 36px rgba(0, 0, 0, .18);
}

.ed-theme.is-open .ed-theme-menu { display: block; }

.ed-theme-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 38px;
  padding: .35rem .7rem;
  border: 0;
  border-radius: 6px;
  background: none;
  color: var(--ed-tx, var(--tx));
  font: inherit;
  font-size: .9rem;
  font-weight: 560;
  text-align: left;
  cursor: pointer;
}

.ed-theme-option:hover {
  background: var(--ed-btn-hover-bg, var(--btn-hover-bg, rgba(17, 19, 24, .04)));
}

.ed-theme-option[aria-selected="true"] {
  font-weight: 680;
  background: var(--ed-green-wash, var(--green-wash));
  color: var(--ed-tx, var(--tx));
}

.ed-theme-option[aria-selected="true"]::after {
  content: '';
  width: .45rem;
  height: .45rem;
  border-radius: 50%;
  background: var(--ed-green, var(--green, #0e8345));
}