/* Shared light palette. Dark remains the default palette in design-system.css. */
:root[data-theme="light"] {
  color-scheme: light;
  --bg:#F5F6F8;
  --surface:#FFFFFF;
  --surface-2:#EDF0F3;
  --surface-hover:#E5E9EE;
  --post-hover:#F0F2F5;
  --border:#D5DBE2;
  --border-subtle:rgba(35,45,58,.10);
  --text:#171D25;
  --text-soft:#26313D;
  --muted:#354150;
  --muted-2:#3D4957;
  --accent:#B64E39;
  --accent-hover:#AD4B39;
  --accent-soft:rgba(198,92,71,.12);
  --accent-ink:#FFFFFF;
  --accent-link:#963D2E;
  --accent-secondary:#963D2E;
  --brand-gradient:linear-gradient(135deg,#B64E39,#963D2E);
  --state:#16866A;
  --state-soft:rgba(22,134,106,.11);
  --danger:#C8323A;
  --danger-soft:rgba(200,50,58,.10);
  --warning:#9B6419;
  --warning-soft:rgba(155,100,25,.12);
  --hairline:rgba(25,35,48,.12);
  --surface-pressed:#DCE2E8;
  --shadow-pop:0 1px 2px rgba(22,32,44,.08),0 14px 34px rgba(22,32,44,.14);
  --shadow-soft:0 1px 2px rgba(22,32,44,.08);
}

:root[data-theme="light"] body { background:var(--bg); color:var(--text); }
:root[data-theme="light"] body.home .home-right>.home-panel,
:root[data-theme="light"] body.home .home-feed .mixed-feed .post-card,
:root[data-theme="light"] body.home .feed-header,
:root[data-theme="light"] body.home .home-feed .community-discovery-card,
:root[data-theme="light"] .settings-panel,
:root[data-theme="light"] .account-settings > .card,
:root[data-theme="light"] .account-popover-menu {
  background:var(--surface) !important;
  border-color:var(--border);
  color:var(--text);
}
:root[data-theme="light"] body.home .home-feed .mixed-feed .post-card:hover { background:var(--post-hover) !important; }
:root[data-theme="light"] body.home .home-nav a:not(.active),
:root[data-theme="light"] body.home .rail-community { color:var(--text-soft) !important; }
:root[data-theme="light"] body.home .rail-heading,
:root[data-theme="light"] body.home .feed-context,
:root[data-theme="light"] body.home .feed-reason-row .feed-reason,
:root[data-theme="light"] body.home .feed-hide,
:root[data-theme="light"] body.home .live-indicator { color:var(--muted-2) !important; }
:root[data-theme="light"] body.home .home-feed .post-card .post-link p { color:var(--text-soft) !important; }
:root[data-theme="light"] body.home .home-feed .post-card .meta,
:root[data-theme="light"] body.home .home-feed .post-card .meta a,
:root[data-theme="light"] body.home .home-feed .post-card .actions>a,
:root[data-theme="light"] body.home .home-feed .post-card .actions>.account-button,
:root[data-theme="light"] body.home .home-feed .post-card .actions form>.account-button { color:var(--muted) !important; }
:root[data-theme="light"] body.home .home-panel small,
:root[data-theme="light"] body.home .home-quick-links small,
:root[data-theme="light"] body.home .community-discovery-card p { color:var(--muted) !important; }
:root[data-theme="light"] body.home .home-nav a.active { background:var(--accent-soft); color:var(--text); }
:root[data-theme="light"] body.home .home-nav a.active .nav-icon { color:var(--accent); }
:root[data-theme="light"] body.home .home-nav .nav-icon { color:var(--accent); }
:root[data-theme="light"] body.home .home-nav a.home-nav-create { color:var(--accent-link); }
:root[data-theme="light"] body.home .home-nav a.home-nav-create .nav-icon { color:var(--accent-link); }
:root[data-theme="light"] body.home .home-quick-links a { border-color:var(--border); }
:root[data-theme="light"] body.home .vote-controls button:disabled { opacity:.68; }
:root[data-theme="light"] body.communities-v2 .community-result,
:root[data-theme="light"] body.community-detail-v2 .community-identity,
:root[data-theme="light"] body.explore-v2 .explore-community-card,
:root[data-theme="light"] body.explore-v2 .explore-people-list,
:root[data-theme="light"] body.chat-workspace-layout .chat-side-panel {
  background:var(--surface) !important;
  border-color:var(--border) !important;
  box-shadow:var(--shadow-soft);
  color:var(--text);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
:root[data-theme="light"] body.explore-v2 .explore-hero>p,
:root[data-theme="light"] body.explore-v2 .simple-post small,
:root[data-theme="light"] body.explore-v2 .simple-post>span:last-child,
:root[data-theme="light"] body.explore-v2 .simple-community p { color:var(--muted) !important; }
:root[data-theme="light"] .communities-heading p,
:root[data-theme="light"] .community-result-body p,
:root[data-theme="light"] .community-identity-main>p { color:var(--muted) !important; }
:root[data-theme="light"] .community-signal-row b { color:var(--text-soft) !important; }
:root[data-theme="light"] .community-result-join,
:root[data-theme="light"] .community-enter { color:var(--accent-link); }
:root[data-theme="light"] .auth-page>.composer,
:root[data-theme="light"] .single .composer.card,
:root[data-theme="light"] .single>.card:not(.post-card):not(.thread-post),
:root[data-theme="light"] .account-settings>.card,
:root[data-theme="light"] .chat-page>.card,
:root[data-theme="light"] .chat-page>.composer {
  background:var(--surface) !important;
  border-color:var(--border) !important;
  color:var(--text);
}
:root[data-theme="light"] .auth-page input:not([type=hidden]):not([type=checkbox]):not([type=radio]),
:root[data-theme="light"] .auth-page select,
:root[data-theme="light"] .auth-page textarea,
:root[data-theme="light"] .single .composer input:not([type=hidden]),
:root[data-theme="light"] .single .composer select,
:root[data-theme="light"] .single .composer textarea,
:root[data-theme="light"] .account-settings input:not([type=hidden]),
:root[data-theme="light"] .account-settings select,
:root[data-theme="light"] .account-settings textarea,
:root[data-theme="light"] .chat-page .composer input:not([type=hidden]),
:root[data-theme="light"] .chat-page .composer select,
:root[data-theme="light"] .chat-page .composer textarea {
  background:var(--surface) !important;
  color:var(--text) !important;
  border-color:var(--border) !important;
}
:root[data-theme="light"] .chat-page .composer label { color:var(--text-soft) !important; }
:root[data-theme="light"] .chat-page .composer p { color:var(--muted) !important; }
:root[data-theme="light"] .auth-page label,
:root[data-theme="light"] .auth-page>.feed-hint,
:root[data-theme="light"] .auth-page>p,
:root[data-theme="light"] .auth-page .composer small { color:var(--muted) !important; }
:root[data-theme="light"] .auth-page a { color:var(--accent-link) !important; }
:root[data-theme="light"] .auth-page .form-error { background:var(--danger-soft) !important; color:var(--danger) !important; }
:root[data-theme="light"] .auth-page .auth-notice,
:root[data-theme="light"] .auth-page p[role=status] { background:var(--state-soft) !important; color:var(--text) !important; }
:root[data-theme="light"] .conversation-stack { border-color:var(--border); box-shadow:var(--shadow-soft); }
:root[data-theme="light"] .post-origin,
:root[data-theme="light"] .post-actions-main,
:root[data-theme="light"] .comment-login,
:root[data-theme="light"] .comments,
:root[data-theme="light"] .discussion-bar,
:root[data-theme="light"] .comments>.comment { border-color:var(--border-subtle); }
:root[data-theme="light"] .post-origin small,
:root[data-theme="light"] .post-author-line>span:first-child,
:root[data-theme="light"] .discussion-bar span { color:var(--muted); }
:root[data-theme="light"] .post-origin a { color:var(--accent-link); }
:root[data-theme="light"] .post-body,
:root[data-theme="light"] .discussion-bar strong,
:root[data-theme="light"] .comments>.comment>p,
:root[data-theme="light"] .comment-login { color:var(--text-soft); }
:root[data-theme="light"] .discussion-bar,
:root[data-theme="light"] .comment-login { background:var(--surface-2); }
:root[data-theme="light"] .post-actions-main>a,
:root[data-theme="light"] .post-actions-main>button.action-link,
:root[data-theme="light"] .post-actions-main>details>summary { color:var(--muted); }
:root[data-theme="light"] body.explore-v2 .explore-topics a,
:root[data-theme="light"] .search-filters a { background:var(--surface-2); color:var(--text-soft); }
:root[data-theme="light"] body.explore-v2 .explore-topics a:hover,
:root[data-theme="light"] body.explore-v2 .explore-topics a:focus-visible,
:root[data-theme="light"] .search-filters a:hover { background:var(--accent-soft); color:var(--accent-link); }
:root[data-theme="light"] body.explore-v2 .explore-discovery .section-heading>a { color:var(--accent-link); }
:root[data-theme="light"] body.explore-v2 .explore-conversation:hover .explore-conversation-copy strong { color:var(--accent-link); }
:root[data-theme="light"] body.home .community-discovery-card,
:root[data-theme="light"] body.home .community-discovery-card strong,
:root[data-theme="light"] body.home .community-discovery-card p,
:root[data-theme="light"] body.home .community-discovery-card a { color:var(--text); }
:root[data-theme="light"] body.home .feed-header { backdrop-filter:blur(12px); }
:root[data-theme="light"] .account-popover-menu a,
:root[data-theme="light"] .account-popover-menu form button,
:root[data-theme="light"] .account-chip,
:root[data-theme="light"] .notification-button { color:var(--text-soft); }
:root[data-theme="light"] .account-popover-menu a:hover,
:root[data-theme="light"] .account-popover-menu form button:hover { background:var(--surface-hover); color:var(--text); }
:root[data-theme="light"] .mobile-bottom-nav { background:rgba(255,255,255,.96); border-color:var(--border); }
:root[data-theme="light"] body.home .mobile-bottom-nav>a { color:var(--muted) !important; }
:root[data-theme="light"] body.home .mobile-bottom-nav>a:hover,
:root[data-theme="light"] body.home .mobile-bottom-nav>a.active {
  background:var(--accent-soft) !important;
  color:var(--accent-link) !important;
}
:root[data-theme="light"] .home-tabs a.active,
:root[data-theme="light"] .tabs a.active,
:root[data-theme="light"] .community-tabs a.active,
:root[data-theme="light"] .search-filters a.active {
  color:var(--accent-link) !important;
}
:root[data-theme="light"] .official-account-badge {
  border-color:color-mix(in srgb,var(--accent-link) 38%,var(--border));
  background:var(--accent-soft);
  color:var(--accent-link);
}
:root[data-theme="light"] .post-source { color:var(--accent-link); background:var(--surface-2); }
:root[data-theme="light"] .post-source:hover { color:var(--accent-link); background:var(--surface-hover); }
:root[data-theme="light"] .mushitag-inline,
:root[data-theme="light"] .post-body a.mushitag-inline,
:root[data-theme="light"] .mushitag-chips>a,
:root[data-theme="light"] .mushitag-chips>span,
:root[data-theme="light"] .mushitag-suggestions button,
:root[data-theme="light"] .mushitag-ranking li>a {
  color:hsl(var(--mushitag-hue,210) 50% 27%) !important;
  background:hsl(var(--mushitag-hue,210) 60% 48% / .12) !important;
  border-color:hsl(var(--mushitag-hue,210) 42% 46% / .5) !important;
  font-weight:650;
}
:root[data-theme="light"] .mushitag-inline:hover,
:root[data-theme="light"] .post-body a.mushitag-inline:hover,
:root[data-theme="light"] .mushitag-chips>a:hover,
:root[data-theme="light"] .mushitag-suggestions button:hover,
:root[data-theme="light"] .mushitag-ranking li>a:hover {
  color:hsl(var(--mushitag-hue,210) 58% 22%) !important;
  background:hsl(var(--mushitag-hue,210) 60% 48% / .2) !important;
}
:root[data-theme="light"] .mushitag-inline:focus-visible,
:root[data-theme="light"] .mushitag-chips>a:focus-visible,
:root[data-theme="light"] .mushitag-suggestions button:focus-visible,
:root[data-theme="light"] .mushitag-ranking li>a:focus-visible {
  outline-color:hsl(var(--mushitag-hue,210) 50% 27%);
}
:root[data-theme="light"] .home-topbar .compact-auth a:not(.register-link) { color:#F2F0EB; }
:root[data-theme="light"] .topbar {
  background:rgba(255,255,255,.96) !important;
  border-color:var(--border) !important;
  color:var(--text);
  -webkit-backdrop-filter:blur(16px) saturate(1.1);
  backdrop-filter:blur(16px) saturate(1.1);
}
:root[data-theme="light"] .topbar .compact-auth a:not(.register-link) { color:var(--text-soft) !important; }
:root[data-theme="light"] .topbar .notification-button,
:root[data-theme="light"] .topbar .account-chip { color:var(--text-soft); }
:root[data-theme="light"] .topbar .brand-mark { content:url('/branding/mushimu-mark-light-80ad6cce30b08a46fe1f3e0ebb97c7fd.svg'); }
:root[data-theme="light"] .home-update-mark { content:url('/branding/mushimu-mark-animated-light-8c2d72f2f4f4ce048dbd4f9fd8463a04.svg'); }
:root[data-theme="light"] .empty::before,
:root[data-theme="light"] .home-empty::before,
:root[data-theme="light"] .community-empty::before { background-image:url('/branding/mushimu-mark-light-80ad6cce30b08a46fe1f3e0ebb97c7fd.svg'); }
:root[data-theme="light"] .settings-status-stack [role="status"] { background:var(--surface); border-color:var(--border); color:var(--text); }

/* Keep secondary and legacy surfaces readable in the light palette too. */
:root[data-theme="light"] .legal-page>.card {
  background:var(--surface) !important;
  border-color:var(--border) !important;
  color:var(--text);
  box-shadow:var(--shadow-soft);
}
:root[data-theme="light"] .legal-page h2 { color:var(--text); }
:root[data-theme="light"] .legal-page p,
:root[data-theme="light"] .legal-updated { color:var(--text-soft); }
:root[data-theme="light"] .legal-page a { color:var(--accent-link); }
:root[data-theme="light"] .guest-intro {
  border-color:var(--border);
  background:var(--surface);
  box-shadow:var(--shadow-soft);
}
:root[data-theme="light"] .guest-intro p { color:var(--text-soft); }
:root[data-theme="light"] .guest-intro-secondary,
:root[data-theme="light"] .home-empty-actions a {
  border-color:var(--border);
  background:var(--surface-2);
  color:var(--text);
}
:root[data-theme="light"] .guest-intro-secondary:hover,
:root[data-theme="light"] .home-empty-actions a:hover { background:var(--surface-hover); }
:root[data-theme="light"] .guest-intro-actions a:last-child { color:var(--accent-link); }
:root[data-theme="light"] .home-empty {
  border-color:var(--border);
  background:var(--surface);
}
:root[data-theme="light"] .home-empty p { color:var(--text-soft); }
:root[data-theme="light"] .home-empty-actions a:first-child {
  border-color:color-mix(in srgb,var(--accent) 38%,var(--border));
  background:var(--accent-soft);
  color:var(--accent-link);
}
:root[data-theme="light"] .onboarding-page {
  background:radial-gradient(circle at 50% -20%,#FFFFFF 0,var(--bg) 52%);
}
:root[data-theme="light"] .onboarding-progress {
  background:var(--surface);
  color:var(--muted);
}
:root[data-theme="light"] .interest-copy small { color:var(--muted) !important; }
:root[data-theme="light"] .interest-state { color:var(--accent-link); border-color:var(--border); }
:root[data-theme="light"] .interest-card:has(input:checked) {
  border-color:var(--accent);
  background:color-mix(in srgb,var(--accent) 8%,var(--surface));
}
:root[data-theme="light"] .refresh-username {
  border-color:var(--border);
  background:var(--surface-2);
  color:var(--text-soft);
}
:root[data-theme="light"] .refresh-username:hover {
  border-color:var(--accent);
  background:var(--surface-hover);
  color:var(--text);
}

.theme-choices { display:flex; flex-wrap:wrap; gap:12px; }
.theme-choices button { display:flex; align-items:center; gap:10px; min-width:150px; padding:10px 13px; border:1px solid var(--border); border-radius:var(--radius-input); background:var(--surface); color:var(--text); font:inherit; text-align:left; }
.theme-choices button:hover,.theme-choices button.is-selected { border-color:var(--accent); }
.theme-choices button.is-selected { box-shadow:0 0 0 2px var(--accent-soft); }
.theme-swatch { width:42px; height:30px; border:1px solid var(--border); border-radius:7px; }
.theme-swatch-light { background:linear-gradient(90deg,#fff 0 68%,#e9edf1 68%); }
.theme-swatch-dark { background:linear-gradient(90deg,#10161e 0 68%,#1c2733 68%); }
:root[data-theme="light"] .account-popover-menu [data-theme-toggle] { width:100%; display:flex; align-items:center; gap:10px; min-height:36px; padding:8px 10px; border:0; border-radius:8px; background:transparent; color:var(--text-soft); font:inherit; font-size:12px; text-align:left; }
:root[data-theme="light"] .account-popover-menu [data-theme-toggle]:hover { background:var(--surface-hover); color:var(--text); }
:root[data-theme="dark"] .account-popover-menu [data-theme-toggle] { width:100%; display:flex; align-items:center; gap:10px; min-height:36px; padding:8px 10px; border:0; border-radius:8px; background:transparent; color:#bec6d1; font:inherit; font-size:12px; text-align:left; }
:root[data-theme="dark"] .account-popover-menu [data-theme-toggle]:hover { background:#202837; color:#fff; }
.account-popover-menu [data-theme-toggle] svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.theme-toggle-button { display:inline-flex; align-items:center; justify-content:center; gap:0; width:36px; min-width:36px; min-height:36px; padding:7px; border:1px solid var(--border); border-radius:var(--radius-pill); background:var(--surface); color:var(--text-soft); font:inherit; font-size:12px; font-weight:650; white-space:nowrap; }
.theme-toggle-button:hover { border-color:var(--accent); background:var(--surface-hover); color:var(--text); }
.theme-toggle-button svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.theme-toggle-button [data-theme-label] { display:none; }
@media(max-width:680px) {
  .theme-toggle-button { width:44px; min-width:44px; min-height:44px; padding:10px; }
}

/* Frosted glass for community and discovery cards in the light theme. */
:root[data-theme="light"] body.home .home-right>.home-panel,
:root[data-theme="light"] body.communities-v2 .community-result,
:root[data-theme="light"] body.community-detail-v2 .community-identity,
:root[data-theme="light"] body.explore-v2 .explore-community-card,
:root[data-theme="light"] body.home-feed-page .community-discovery-card {
  border:1px solid rgba(255,255,255,.78);
  background:
    linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.34) 42%,rgba(255,255,255,.12) 72%),
    linear-gradient(145deg,rgba(248,251,255,.78),rgba(232,239,248,.62) 64%,rgba(249,237,233,.48)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  filter:drop-shadow(0 8px 12px rgba(48,66,91,.12));
  -webkit-backdrop-filter:blur(22px) saturate(1.32);
  backdrop-filter:blur(22px) saturate(1.32);
}
:root[data-theme="light"] body.communities-v2 .community-result:hover,
:root[data-theme="light"] body.explore-v2 .explore-community-card:hover,
:root[data-theme="light"] body.home-feed-page .community-discovery-card:hover {
  border-color:rgba(182,78,57,.28) !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.9),rgba(255,255,255,.42) 42%,rgba(255,255,255,.16) 72%),
    linear-gradient(145deg,rgba(250,252,255,.84),rgba(235,241,249,.68) 64%,rgba(249,234,229,.56)) !important;
}
:root[data-theme="light"] body.post-v2 .comment-composer textarea {
  background:var(--surface) !important;
  color:var(--text) !important;
  border-color:var(--border) !important;
  caret-color:var(--text);
}
:root[data-theme="light"] body.post-v2 .comment-composer textarea::placeholder { color:var(--muted-2); opacity:1; }

/* Notification cards use the shared light palette instead of legacy dark surfaces. */
:root[data-theme="light"] #notification-inbox .notification-item {
  background:var(--surface) !important;
  border-color:var(--border) !important;
  color:var(--text-soft);
  box-shadow:var(--shadow-soft);
}
:root[data-theme="light"] #notification-inbox .notification-item.unread {
  background:linear-gradient(90deg,rgba(182,78,57,.09),var(--surface) 24%) !important;
  border-color:rgba(182,78,57,.28) !important;
}
:root[data-theme="light"] #notification-inbox .notification-item.unread::before { background:var(--accent); }
:root[data-theme="light"] #notification-inbox .notification-item>span { color:var(--text-soft); }
:root[data-theme="light"] #notification-inbox .notification-item>p { color:var(--muted); }
:root[data-theme="light"] #notification-inbox .notification-item>a:first-child,
:root[data-theme="light"] #notification-inbox .notification-item>a:not(:first-child) { color:var(--accent-link); }
:root[data-theme="light"] #notification-inbox .notification-item time { color:var(--muted-2); }

:root[data-theme="light"] body.home .feed-header {
  background:rgba(255,255,255,.58) !important;
  background-color:rgba(255,255,255,.58) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.25);
  backdrop-filter:blur(18px) saturate(1.25);
  border-bottom-color:rgba(35,45,58,.10);
}

/* Light post composer: a centered writing canvas with enough breathing room. */
:root[data-theme="light"] body.composer-create-page .composer-page {
  width:min(calc(100% - 48px),980px);
  max-width:980px;
  margin:38px auto 80px;
}
:root[data-theme="light"] body.composer-create-page .composer-page form.composer.card {
  padding:0 20px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
:root[data-theme="light"] .composer-page .post-settings-panel .post-type-option>input~span {
  background:var(--surface) !important;
  border-color:var(--border) !important;
  color:var(--text-soft);
}
:root[data-theme="light"] .composer-page .post-settings-panel .post-type-option>input~span:hover {
  background:var(--surface-hover) !important;
  border-color:var(--accent) !important;
}
:root[data-theme="light"] .composer-page .post-settings-panel .post-type-option>input:checked~span {
  background:var(--accent-soft) !important;
  border-color:var(--accent) !important;
}
:root[data-theme="light"] .composer-page .post-settings-panel .post-type-option small { color:var(--muted); }
:root[data-theme="light"] body.composer-create-page .poll-composer,
:root[data-theme="light"] body.composer-create-page .poll-composer[open] {
  background:var(--surface) !important;
  border-color:var(--border) !important;
}
:root[data-theme="light"] body.composer-create-page .poll-composer>summary,
:root[data-theme="light"] body.composer-create-page .poll-composer[open]>summary { color:var(--text-soft); }
:root[data-theme="light"] body.composer-create-page .poll-composer-summary-icon { color:var(--accent); }
:root[data-theme="light"] body.composer-create-page .detected-link {
  background:var(--accent-soft);
  border-color:color-mix(in srgb,var(--accent) 20%,var(--border));
  color:var(--text-soft);
}
:root[data-theme="light"] body.composer-create-page .detected-link strong,
:root[data-theme="light"] body.composer-create-page .detected-link-icon { color:var(--accent-link); }
:root[data-theme="light"] body.composer-create-page .detected-link small { color:var(--muted); }
@media(max-width:720px) {
  :root[data-theme="light"] body.composer-create-page .composer-page {
    width:100%;
    margin:14px auto 0;
  }
  :root[data-theme="light"] body.composer-create-page .composer-page form.composer.card { padding:0 12px !important; }
}