/* Light theme: surfaces, readable text and controls. Loaded after base styles. */
html[data-theme='light'] {
  color-scheme: light;
  --bg: #f4f2ef;
  --panel: #fff;
  --text: #24272d;
  --muted: #606671;
  --line: #d5d1cb;
  --red: #bd352f;
}
html[data-theme='light'] body {
  background: var(--bg);
  color: var(--text);
}
html[data-theme='light'] :is(header, footer) {
  background: #faf9f6f5;
  color: #292b31;
  border-color: #d5d1cb;
}
html[data-theme='light']
  :is(header .brand span, header nav a, .account-settings-button, footer .brand) {
  color: #272931;
}
html[data-theme='light'] :is(header .brand small, footer span) {
  color: #646874;
}
html[data-theme='light']
  :is(
    .hub-card,
    .account-character-card,
    .form-panel,
    dialog,
    .community-member-card,
    .roster-stat-panel,
    .unified-media-card,
    .story,
    .home-event-panel,
    .channel-card
  ) {
  background: #fff;
  color: #252930;
  border-color: #d8d3cc;
}
html[data-theme='light']
  :is(
    .hub-card p,
    .intro,
    .muted-copy,
    .community-card-copy,
    .media-card-copy p,
    .home-event-intro,
    .creator-context,
    .creator-review-note
  ) {
  color: #555d68;
}
html[data-theme='light'] :is(input, select, textarea, .management-character-search) {
  background: #faf9f7;
  color: #24272d;
  border-color: #bbb6af;
}
html[data-theme='light']
  :is(.outline-button, .text-link, .account-tabs a, .header-view-control select) {
  color: #35323b;
  border-color: #b8afa2;
  background: #f6f3ee;
}
html[data-theme='light'] .hub-content .account-tabs a {
  background: #fff;
  color: #41434a;
  border-color: #cbc5bc;
}
html[data-theme='light'] .hub-content .account-tabs a[aria-current='page'] {
  background: #ede1cd;
  color: #684621;
  border-color: #a78b5e;
}
html[data-theme='light'] :is(.creator-choice-face, .character-live-preview) {
  background: #f0ede7;
  color: #303239;
  border-color: #c7beb1;
}
html[data-theme='light'] .creator-choice:hover .creator-choice-face {
  background: #e6dfd3;
}
html[data-theme='light'] .creator-choice input:checked + .creator-choice-face {
  background: #e7dece;
  color: #222;
}
html[data-theme='light'] .character-live-preview span {
  color: #59616b;
}
html[data-theme='light'] :is(.chapter, .legacy, .next) {
  background: #eeeae4;
}
html[data-theme='light'] .home-event-list .home-event-mini {
  background: #f4efe7 !important;
  border-color: #d1c4b4 !important;
}
html[data-theme='light'] .home-event-mini strong {
  color: #303039;
}
html[data-theme='light'] .home-event-mini time {
  color: #5e5b57;
}
html[data-theme='light'] .home-event-mini-kind {
  color: #805927;
}
html[data-theme='light'] .account-character-heading h3 {
  color: color-mix(in srgb, var(--class-color) 58%, #17191e);
}
html[data-theme='light'] .badge {
  background: #efebe5;
  color: #47413a;
  border-color: #c6bbae;
}
html[data-theme='light'] .form-error {
  background: #fff0ed;
  color: #9c2c25;
}
html[data-theme='light'] .prototype-note {
  background: #eee8f1;
  color: #5c4865;
  border-color: #c5b9cd;
}
html[data-theme='light']
  :is(.news-entry, .news-entry-text, .community-empty, .hub-empty, .community-member-character) {
  background: #fff;
  color: #252930;
  border-color: #d8d3cc;
}
html[data-theme='light']
  :is(.community-intro, .news-entry p, .news-entry small, .home-event-panel time) {
  color: #5d6470;
}
html[data-theme='light']
  :is(.home-event-list h3, .news-entry h3, .news-entry-text h3, .community-member-character h3) {
  color: #292d35;
}
html[data-theme='light'] :is(.roster-class-name, .roster-primary) {
  color: #4f5763;
}

html[data-theme='light'] {
  --light-bg: #f5f3ef;
  --light-surface: #fff;
  --light-soft: #ebe7e0;
  --light-ink: #252b35;
  --light-muted: #596270;
  --light-border: #d4cec4;
  --bg: var(--light-bg);
  --panel: var(--light-surface);
  --text: var(--light-ink);
  --muted: var(--light-muted);
  --line: var(--light-border);
  --red: #b6312c;
  accent-color: #b6312c;
}
html[data-theme='light']
  :is(.community-events, .community-timeline, .roster-statistics, .legacy, .chapter, .next) {
  background: var(--light-bg);
  color: var(--light-ink);
  border-color: var(--light-border);
}
html[data-theme='light']
  :is(
    .roster-summary,
    .roster-stat-panel,
    .community-signup-form,
    .timeline-details,
    .community-member-character,
    .community-member-card,
    .hub-card,
    .news-feed .news-entry,
    .news-full-image,
    .news-dialog,
    .event-role-counts > span,
    .setup-note,
    .video-card,
    .unified-media-card
  ) {
  background: var(--light-surface);
  color: var(--light-ink);
  border-color: var(--light-border);
}
html[data-theme='light'] :is(.news-entry:hover, .community-member-card:hover) {
  background: #faf8f4;
  border-color: #9b8d79;
}
html[data-theme='light']
  :is(
    .roster-summary strong,
    .roster-class-total strong,
    .roster-primary,
    .roster-statistics > summary,
    .timeline-details summary,
    .timeline-details .text-link,
    .community-member-character h3,
    .unified-media-card h3,
    .video-card h3
  ) {
  color: var(--light-ink);
}
html[data-theme='light']
  :is(
    .news-excerpt,
    .news-origin,
    .community-intro,
    .community-event-time,
    .community-event-description,
    .community-member-card .muted-copy,
    .community-card-copy,
    .community-signup-form label,
    .roster-summary span,
    .roster-role-row strong,
    .roster-character-head .eyebrow,
    .roster-assets-credit,
    .timeline-date,
    .timeline-details .timeline-member-link,
    .form-panel label,
    .editor-form label,
    .hub-card small,
    .signup-row small,
    dialog p,
    .home-event-panel time
  ) {
  color: var(--light-muted);
}
html[data-theme='light'] .timeline p:not(.eyebrow) {
  color: var(--light-muted);
}
html[data-theme='light'] :is(.community-event-message, .roster-demo-note) {
  background: #f5ecd9;
  color: #6d4d22;
  border-color: #baa078;
}
html[data-theme='light'] :is(.roster-track, .class-bar, .role-composition-bar) {
  background: #e5e0d8;
}
html[data-theme='light'] :is(.roster-class-total, .roster-class-name, .discord-rank) {
  color: color-mix(in srgb, var(--class-color, #74542b) 50%, #242830);
}
html[data-theme='light'] :is(.news-audience, .media-kind) {
  background: #f0ece6;
  color: #4d535e;
  border-color: #b9b1a5;
}
html[data-theme='light'] .news-year select {
  background: #fff;
  color: var(--light-ink);
  border-color: var(--light-border);
}
html[data-theme='light'] :is(input, textarea)::placeholder {
  color: #6b7078;
  opacity: 1;
}
html[data-theme='light'] :is(button, a, input, textarea, select, summary):focus-visible {
  outline: 3px solid #8d5725;
  outline-offset: 3px;
}
html[data-theme='light'] .close {
  color: #a52e2b;
}
html[data-theme='light'] dialog {
  box-shadow: 0 24px 90px #252b3533;
}
html[data-theme='light'] dialog::backdrop {
  background: #292e3b66;
}
html[data-theme='light'] .button {
  background: #b6312c;
  color: #fff;
}
html[data-theme='light'] .button:hover {
  background: #922520;
}
html[data-theme='light'] .text-link {
  background: transparent;
  color: #a02e29;
}
html[data-theme='light'] .home-event-mini-kind {
  color: #795025;
}
html[data-theme='light'] .home-event-list {
  border-color: #b8ada0 !important;
}
html[data-theme='light'] .home-event-mini:hover {
  box-shadow: 0 0 0 1px #9c7b51;
}
html[data-theme='light'] .creator-choice input:focus-visible + .creator-choice-face {
  outline-color: #815622;
}
html[data-theme='light'] .creator-choice input:checked + .creator-choice-face {
  box-shadow: inset 0 0 0 2px #93784f;
}
html[data-theme='light'] .view-as-bar {
  background: #f0dfbf;
  color: #63441d;
  border-color: #bb935c;
}
html[data-theme='light'] .view-as-bar button {
  background: #fff9ef;
  color: #63441d;
  border-color: #bb935c;
}
html[data-theme='light'] .account-character-card {
  border-left-color: var(--class-color);
}
html[data-theme='light'] .roster-class-total .class-bar span {
  background: var(--class-color);
}
html[data-theme='light'] :is(.coverage-line, .roster-coverage .coverage-line) {
  color: var(--light-ink);
  border-color: var(--light-border);
}
html[data-theme='light'] .agenda-row {
  background: var(--light-surface);
  color: var(--light-ink);
  border-color: var(--light-border);
}
html[data-theme='light'] .agenda-row > time {
  color: #a4362e;
}
html[data-theme='light'] .agenda-row .muted-copy {
  color: var(--light-muted);
}

html[data-theme='light'] :is(.photo-date, .media-card-copy time) {
  color: #4b5563;
}
html[data-theme='light'] .timeline-details[open] {
  box-shadow: 0 4px 16px #252b3508;
}
html[data-theme='light'] .news-entry-text .news-audience {
  color: #505661;
  background: #f0ece6;
}
html[data-theme='light'] .role-choice-grid .creator-choice-face {
  border-top-color: var(--role-color);
}

html[data-theme='light'] .theme-toggle {
  color: #775222;
  border-color: #b9ada0;
  background: #fff;
}
html[data-theme='light'] .theme-toggle:hover {
  background: #ece4d6;
}
html[data-theme='light'] .admin-demo-bar {
  background: #e9dff1;
  color: #533b65;
  border-color: #b39ac6;
}
html[data-theme='light'] .signup-status {
  color: #65616c;
}
html[data-theme='light'] .signup-status.joined {
  color: #276241;
}
html[data-theme='light'] .signup-unverified,
html[data-theme='light'] .badge.status-unverified {
  color: #8a5a12;
}

html[data-theme='light'] .compact-event-panel .home-event-first {
  background: #f4e8dd !important;
  border-left-color: #b6312c !important;
}
html[data-theme='light'] .compact-event-panel .home-event-list {
  border-color: #d4cabe !important;
}
html[data-theme='light'] .compact-event-panel .home-event-first {
  border-color: #d4b8a3 !important;
  border-left-color: #b6312c !important;
}

html[data-theme='light'] .hub-content .account-tabs {
  background: #eae5dd;
  border-color: #d6cdbf;
}
html[data-theme='light'] .hub-content .account-tabs a {
  background: transparent;
  border-color: transparent;
  color: #605b56;
}
html[data-theme='light'] .hub-content .account-tabs a[aria-current='page'] {
  background: #fff;
  border-color: #d3bd9e;
  color: #6b451f;
  box-shadow: 0 2px 7px #79654614;
}
html[data-theme='light'] .hub-content .account-tabs a:hover {
  background: #f6f2eb;
  color: #39302a;
}
html[data-theme='light'] .hub-content .settings-card {
  background: linear-gradient(135deg, #fff, #faf7f2);
  border-color: #d7cfc3;
  box-shadow: 0 4px 16px #5c473706;
}
html[data-theme='light'] .settings-card-heading > .account-icon {
  background: #eee3d2;
  color: #856038;
  border-color: #ddccb3;
}
html[data-theme='light'] .theme-choice-buttons button {
  background: white;
  border-color: #c8c0b5;
  color: #5d5b5b;
}
html[data-theme='light'] .theme-choice-buttons button[aria-pressed='true'] {
  background: #eadcc5;
  border-color: #ad8a59;
  color: #68461c;
}
html[data-theme='light'] .connected-rank {
  background: #e4efe4;
  color: #345b3e;
  border-color: #aec6b2;
}
html[data-theme='light'] .settings-card :is(.view-as-control label, .checkbox) {
  color: #504c4a;
}
html[data-theme='light'] .settings-card .view-as-control select {
  background: #fff;
  border-color: #c9beb1;
  color: #393330;
}
html[data-theme='light'] .management-table-wrap {
  background: #fff;
  border-color: #d4ccc0;
}
html[data-theme='light'] .management-character-table th {
  background: #eee9e2;
  color: #675f55;
  border-color: #d6ccbf;
}
html[data-theme='light'] .management-character-table td {
  color: #4b4c54;
  border-color: #e3ddd5;
}
html[data-theme='light'] .management-character-table tbody tr:hover {
  background: #f8f4ed;
}
html[data-theme='light'] .management-character-identity strong {
  color: color-mix(in srgb, var(--class-color) 50%, #252530);
}
html[data-theme='light'] .management-row-actions button {
  color: #645442;
  border-color: #c4b8a8;
}
html[data-theme='light'] .management-row-actions button:hover {
  background: #eee1cc;
  border-color: #a28660;
}
html[data-theme='light'] .management-row-actions .has-note {
  color: #825516;
  border-color: #bfa16e;
}