/**
 * Sitewide forced-light overrides — explicit surfaces, text, and borders.
 * Applies ONLY when data-theme='light' (including OS dark + user-chosen light).
 * Dark mode is unaffected: [data-theme='dark'] rules in style.css / page CSS still apply.
 */

html[data-theme='light'] {
  color-scheme: only light;

  /* Layout semantic tokens */
  --text-muted-strong: #5c6478;
  --bg-main: #ffffff;
  --bg-page: #f7f8fc;
  --bg-card: #ffffff;
  --bg-card-muted: #f8f9fa;
  --text-main: #1b264f;
  --text-body: #1a1a1a;
  --text-muted: #6b7289;
  --border-subtle: #e0e0e0;
  --border-layout: #e8ecf4;

  --bg: var(--bg-page);
  --bg-subtle: #fafbfc;
  --card-bg: var(--bg-card);
  --surface: var(--bg-card);
  --text: var(--text-main);
  --text-muted: var(--text-muted);
  --border: var(--border-layout);
}

/* OS dark + explicit light site: re-assert light tokens on all page roots */
@media (prefers-color-scheme: dark) {
  html[data-theme='light'] {
    color-scheme: only light;

    --color-bg: #f7f8fc;
    --color-surface: #ffffff;
    --color-text: #1b264f;
    --color-text-muted: #6b7289;
    --text-muted-strong: #5c6478;
    --color-border: #e8ecf4;
    --surface-2: #f0f2f8;
    --bg-page: #f7f8fc;
    --bg-card: #ffffff;
    --text-main: #1b264f;
    --text-muted: #6b7289;
    --border-subtle: #e0e0e0;
    --glass-bg: rgb(255 255 255 / 78%);
    --glass-border: rgb(255 255 255 / 55%);
    --shell-bg: #fafbfc;
  }

  html[data-theme='light'] body,
  html[data-theme='light'] .travel-page,
  html[data-theme='light'] .wallet-page,
  html[data-theme='light'] .auth-page,
  html[data-theme='light'] .emergency-page,
  html[data-theme='light'] .app-shell,
  html[data-theme='light'] .home-shell,
  html[data-theme='light'] .topic-shell {
    background-color: var(--bg-page);
    color: var(--text-main);
  }
}

html[data-theme='light'] body {
  background-color: var(--bg-page);
  color: var(--text-main);
}

/* Shell wrappers */
html[data-theme='light'] .app-shell,
html[data-theme='light'] .home-shell,
html[data-theme='light'] .topic-shell,
html[data-theme='light'] .home-main,
html[data-theme='light'] .home-main-inner,
html[data-theme='light'] .app-main,
html[data-theme='light'] .app-main-inner,
html[data-theme='light'] .topic-main,
html[data-theme='light'] .topic-content,
html[data-theme='light'] .app-content {
  background-color: transparent;
  color: var(--text-main);
}

html[data-theme='light'] .home-shell,
html[data-theme='light'] .app-shell,
html[data-theme='light'] .topic-shell {
  background-color: var(--bg-page);
}

/* Typography blocks */
html[data-theme='light'] .home-section-title,
html[data-theme='light'] .home-section-title--sm,
html[data-theme='light'] .section-title,
html[data-theme='light'] .page-standard-title,
html[data-theme='light'] .home-rank-panel-title,
html[data-theme='light'] .home-rank-name,
html[data-theme='light'] .home-rank-hscroll-title,
html[data-theme='light'] .home-paste-section-title,
html[data-theme='light'] .home-merchant-carousel-title,
html[data-theme='light'] .gotooi-recommended-title {
  color: var(--text-main);
}

html[data-theme='light'] .home-section-title--sm,
html[data-theme='light'] .home-rank-meta,
html[data-theme='light'] .home-rank-hscroll-meta,
html[data-theme='light'] .stream-card-meta,
html[data-theme='light'] .home-rank-empty {
  color: var(--text-muted);
}

/* Card / panel surfaces */
html[data-theme='light'] .card,
html[data-theme='light'] .card-article,
html[data-theme='light'] .post-card,
html[data-theme='light'] .stream-card,
html[data-theme='light'] .topic-article-card,
html[data-theme='light'] .family-card,
html[data-theme='light'] .home-rank-panel,
html[data-theme='light'] .home-rank-hscroll-card,
html[data-theme='light'] .home-hot-tag,
html[data-theme='light'] .home-carousel-btn,
html[data-theme='light'] .discovery-slider-btn {
  background-color: var(--bg-card);
  color: var(--text-main);
  border: 1px solid var(--border-subtle);
  box-shadow: var(--shadow-sm);
}

html[data-theme='light'] .home-rank-panel,
html[data-theme='light'] .home-rank-hscroll-card {
  background-color: var(--bg-card);
}

html[data-theme='light'] .stream-card-body h3,
html[data-theme='light'] .card-article-body h3,
html[data-theme='light'] .post-card h3 {
  color: var(--text-main);
}

/* Travel widgets on home */
html[data-theme='light'] .home-travel-card,
html[data-theme='light'] #home-travel-sheet-root,
html[data-theme='light'] .home-page .home-travel-card {
  --travel-bg: #f5f6f8;
  --travel-surface: #ffffff;
  --travel-surface-2: #f8fafc;
  --travel-border: #e2e8f0;
  --travel-text: #0f172a;
  --travel-muted: #64748b;
  --travel-blue: var(--color-brand-blue, #5b7fff);
  --travel-blue-soft: #eff6ff;
  background-color: #ffffff;
  color: #0f172a;
  border: 1px solid var(--border-layout);
}

html[data-theme='light'] .home-travel-ref-form .travel-pill-field,
html[data-theme='light'] .home-travel-ref-form .travel-pill-value,
html[data-theme='light'] .home-travel-ref-form .travel-pill-icon {
  color: #0f172a;
}

/* Paste / recommended mall blocks */
html[data-theme='light'] .home-paste-extras-card,
html[data-theme='light'] .home-paste-promo-card,
html[data-theme='light'] .home-paste-merchant-icon,
html[data-theme='light'] .gotooi-recommended-panel,
html[data-theme='light'] .home-search,
html[data-theme='light'] .home-search-suggestions {
  background-color: #ffffff;
  color: var(--text-main);
  border: 1px solid var(--border-subtle);
}

html[data-theme='light'] .home-paste-search-field {
  background-color: #f3f4f8;
  border: 1px solid var(--border-subtle);
}

html[data-theme='light'] .home-paste-search-input,
html[data-theme='light'] .home-travel-date-input {
  color: #0f172a;
}

html[data-theme='light'] .gotooi-recommended-outer {
  background: linear-gradient(135deg, #eef2ff 0%, #e8edff 100%);
  border: 1px solid var(--border-layout);
}

html[data-theme='light'] .gotooi-rec-name,
html[data-theme='light'] .home-paste-merchant-name {
  color: var(--text-muted);
}

/* Cashback explainer — was hardcoded dark */
html[data-theme='light'] .cashback-explainer-gemini {
  background-color: #f8f9fa;
  color: var(--text-main);
  border: 1px solid var(--border-subtle);
}

html[data-theme='light'] .cashback-explainer-title,
html[data-theme='light'] .cashback-explainer-heading {
  color: var(--text-main);
}

html[data-theme='light'] .cashback-explainer-body {
  color: var(--text-muted);
}

html[data-theme='light'] .cashback-explainer-merchant-logo,
html[data-theme='light'] .cashback-explainer-merchant-fallback {
  background-color: #ffffff;
  border: 1px solid var(--border-subtle);
}

/* Nav chrome */
html[data-theme='light'] .navbar,
html[data-theme='light'] .home-page #site-nav .nav-account-pill,
html[data-theme='light'] .nav-mobile,
html[data-theme='light'] .nav-mobile-header,
html[data-theme='light'] .nav-mobile-list,
html[data-theme='light'] .mobile-tab-bar {
  background-color: rgb(255 255 255 / 92%);
  color: var(--text-main);
  border-color: var(--border-subtle);
}

html[data-theme='light'] .nav-hamburger,
html[data-theme='light'] .nav-icon-btn,
html[data-theme='light'] .nav-mobile-chip,
html[data-theme='light'] .nav-mobile-icon {
  background-color: var(--bg-card-muted);
  color: var(--text-main);
  border: 1px solid var(--border-subtle);
}

html[data-theme='light'] .nav-mobile-user,
html[data-theme='light'] .nav-mobile-logout,
html[data-theme='light'] .mobile-tab-bar-item {
  color: var(--text-main);
}

/* Search widgets */
html[data-theme='light'] .home-search-modes {
  background-color: rgb(255 255 255 / 88%);
  border: 1px solid var(--border-layout);
}

html[data-theme='light'] .home-search-mode {
  color: var(--text-muted);
}

html[data-theme='light'] .home-search-mode.active {
  background-color: #ffffff;
  color: var(--color-primary, #5b7fff);
}

html[data-theme='light'] .home-search-input,
html[data-theme='light'] .home-search-icon,
html[data-theme='light'] .home-search-carousel-label {
  color: var(--text-main);
}

html[data-theme='light'] .home-search-carousel-pill {
  background-color: #ffffff;
  color: var(--color-teal-dark, #3d5ccc);
  border: 1px solid var(--border-layout);
}

/* Sidebars (desktop) */
html[data-theme='light'] .home-sidebar,
html[data-theme='light'] .app-sidebar,
html[data-theme='light'] .topic-sidebar {
  background-color: var(--bg-card);
  color: var(--text-main);
  border-right: 1px solid var(--border-subtle);
}

html[data-theme='light'] .home-sidebar-link,
html[data-theme='light'] .app-sidebar-link,
html[data-theme='light'] .topic-sidebar-link {
  color: var(--text-muted);
}

html[data-theme='light'] .home-sidebar-link.active,
html[data-theme='light'] .app-sidebar-link.active,
html[data-theme='light'] .topic-sidebar-link.active {
  background-color: var(--color-teal-muted, #eef2ff);
  color: var(--color-primary, #5b7fff);
}

/* Form controls */
html[data-theme='light'] input,
html[data-theme='light'] select,
html[data-theme='light'] textarea,
html[data-theme='light'] .form-control {
  background-color: #ffffff;
  color: var(--text-body);
  border: 1px solid var(--border-subtle);
  color-scheme: only light;
}

/* ══════════════════════════════════════════════════════════════
   STANDARD PAGES (feed, bookmarks, settings, profile, post, etc.)
   ══════════════════════════════════════════════════════════════ */

html[data-theme='light'] .page-standard-header {
  border-bottom-color: var(--border-layout);
}

html[data-theme='light'] .page-standard-lead,
html[data-theme='light'] .page-standard-body,
html[data-theme='light'] .page-title,
html[data-theme='light'] .profile-panel-title,
html[data-theme='light'] .profile-panel-body {
  color: var(--text-main);
}

html[data-theme='light'] .page-standard-lead,
html[data-theme='light'] .profile-panel-toggle {
  color: var(--text-muted);
}

html[data-theme='light'] .profile-panel,
html[data-theme='light'] .settings-nav,
html[data-theme='light'] .settings-panel .card {
  background-color: var(--bg-card);
  color: var(--text-main);
  border-color: var(--border-subtle);
}

html[data-theme='light'] .settings-nav-item {
  color: var(--text-muted);
}

html[data-theme='light'] .settings-nav-item:hover,
html[data-theme='light'] .settings-nav-item.active {
  background-color: var(--color-teal-muted, #eef2ff);
  color: var(--color-primary, #5b7fff);
}

/* ══════════════════════════════════════════════════════════════
   TRAVEL PAGE
   ══════════════════════════════════════════════════════════════ */

html[data-theme='light'] .travel-page {
  --travel-bg: #f5f6f8;
  --travel-surface: #ffffff;
  --travel-surface-2: #f8fafc;
  --travel-border: #e2e8f0;
  --travel-text: #0f172a;
  --travel-muted: #64748b;
  --travel-blue: var(--color-brand-blue, #5b7fff);
  --travel-blue-soft: #eff6ff;
  --travel-shadow: 0 2px 12px rgb(15 23 42 / 8%);
  --travel-shadow-lg: 0 8px 28px rgb(15 23 42 / 12%);
  background: var(--travel-bg);
  color: var(--travel-text);
  color-scheme: only light;
}

html[data-theme='light'] .travel-page .app-topbar {
  background: rgb(255 255 255 / 94%);
  border-bottom-color: var(--travel-border);
}

html[data-theme='light'] .travel-page .travel-hub-shell,
html[data-theme='light'] .travel-page .travel-result-card,
html[data-theme='light'] .travel-page .travel-filter-chip,
html[data-theme='light'] .travel-page .travel-view-btn,
html[data-theme='light'] .travel-page .travel-provider-panel,
html[data-theme='light'] .travel-page .travel-paste-panel {
  background-color: var(--travel-surface);
  color: var(--travel-text);
  border-color: var(--travel-border);
}

html[data-theme='light'] .travel-page .travel-form-grid input,
html[data-theme='light'] .travel-page .travel-form-grid select,
html[data-theme='light'] .travel-page .travel-pill-field,
html[data-theme='light'] .travel-page .travel-pill-value {
  background-color: #ffffff;
  color: var(--travel-text);
  border-color: var(--travel-border);
  color-scheme: only light;
}

html[data-theme='light'] .travel-page .travel-map-attribution,
html[data-theme='light'] .travel-page .travel-map-fallback {
  background: rgb(255 255 255 / 92%);
  color: var(--travel-muted);
}

/* ══════════════════════════════════════════════════════════════
   WALLET PAGE
   ══════════════════════════════════════════════════════════════ */

html[data-theme='light'] .wallet-page {
  --wallet-bg: #f5f6f8;
  --wallet-green: var(--color-brand-green, #00d26a);
  --wallet-green-dark: #00b85c;
  --wallet-green-light: #e6faf0;
  background: var(--wallet-bg);
  color: var(--text-main);
  color-scheme: only light;
}

html[data-theme='light'] .wallet-page .wallet-mobile-topbar,
html[data-theme='light'] .wallet-page .wallet-page-content,
html[data-theme='light'] .wallet-page .wallet-balance-panel,
html[data-theme='light'] .wallet-page .wallet-login-card,
html[data-theme='light'] .wallet-page .wallet-sticky-mount,
html[data-theme='light'] .wallet-page .wallet-record-section,
html[data-theme='light'] .wallet-page .wallet-saved-card,
html[data-theme='light'] .wallet-page .wallet-leaderboard-card {
  background-color: var(--bg-card);
  color: var(--text-main);
  border-color: var(--border-subtle);
}

html[data-theme='light'] .wallet-page .wallet-section-title,
html[data-theme='light'] .wallet-page .wallet-tx-title,
html[data-theme='light'] .wallet-page .wallet-record-head h2,
html[data-theme='light'] .wallet-page .wallet-tx-amount,
html[data-theme='light'] .wallet-page .wallet-saved-body strong {
  color: var(--text-main);
}

html[data-theme='light'] .wallet-page .wallet-tx-meta,
html[data-theme='light'] .wallet-page .wallet-tx-empty,
html[data-theme='light'] .wallet-page .wallet-saved-body > span:not(.wallet-saved-reward) {
  color: var(--text-muted);
}

html[data-theme='light'] .wallet-page .wallet-cta-secondary,
html[data-theme='light'] .wallet-page .wallet-voucher-link {
  background: var(--bg-card);
  border-color: var(--border-subtle);
  color: var(--color-primary);
}

html[data-theme='light'] .wallet-page .travel-cashback-table th,
html[data-theme='light'] .wallet-page .travel-cashback-table td {
  border-bottom-color: var(--border-subtle);
  color: var(--text-main);
}

/* ══════════════════════════════════════════════════════════════
   HOME HERO — all day periods stay light when site is light
   ══════════════════════════════════════════════════════════════ */

html[data-theme='light'] .home-hero,
html[data-theme='light'] .home-hero--day,
html[data-theme='light'] .home-hero--dawn,
html[data-theme='light'] .home-hero--dusk,
html[data-theme='light'] .home-hero--night,
html[data-theme='light'][data-hero-period='day'] .home-hero,
html[data-theme='light'][data-hero-period='dawn'] .home-hero,
html[data-theme='light'][data-hero-period='dusk'] .home-hero,
html[data-theme='light'][data-hero-period='night'] .home-hero {
  color: var(--text-main);
  color-scheme: only light;
}

html[data-theme='light'] .home-hero--dusk,
html[data-theme='light'] .home-hero--night,
html[data-theme='light'][data-hero-period='dusk'] .home-hero,
html[data-theme='light'][data-hero-period='night'] .home-hero {
  background: linear-gradient(155deg, #7dd3fc 0%, #a5f3fc 28%, #ccfbf1 58%, #e0f2fe 100%);
  border-color: rgb(91 127 255 / 18%);
}

html[data-theme='light'] .home-hero--dusk .home-hero h1,
html[data-theme='light'] .home-hero--night .home-hero h1,
html[data-theme='light'][data-hero-period='dusk'] .home-hero h1,
html[data-theme='light'][data-hero-period='night'] .home-hero h1 {
  color: inherit;
  text-shadow: none;
}

html[data-theme='light'] .home-hero--dusk .home-hero-lead,
html[data-theme='light'] .home-hero--night .home-hero-lead,
html[data-theme='light'][data-hero-period='dusk'] .home-hero-lead,
html[data-theme='light'][data-hero-period='night'] .home-hero-lead {
  color: var(--text-muted);
}

html[data-theme='light'] .home-hero--dusk .home-hero-eyebrow,
html[data-theme='light'] .home-hero--night .home-hero-eyebrow,
html[data-theme='light'][data-hero-period='dusk'] .home-hero .home-hero-eyebrow,
html[data-theme='light'][data-hero-period='night'] .home-hero .home-hero-eyebrow {
  color: var(--color-teal-dark);
  background: rgb(255 255 255 / 75%);
  border: none;
}

html[data-theme='light'] .home-hero .home-search,
html[data-theme='light'] .home-hero .home-travel-card,
html[data-theme='light'] .home-hero .home-travel-paste-reward,
html[data-theme='light'] .home-hero .home-paste-extras-card,
html[data-theme='light'] .home-hero .home-paste-search-field,
html[data-theme='light'] .home-hero .gotooi-recommended-panel {
  background: #ffffff;
  color: var(--text-main);
  border-color: rgb(91 127 255 / 18%);
  color-scheme: only light;
}

/* ══════════════════════════════════════════════════════════════
   HOME PASTE MALL (貼貼賞 tab)
   ══════════════════════════════════════════════════════════════ */

html[data-theme='light'] .home-travel-paste-reward,
html[data-theme='light'] .home-travel-paste-reward.home-travel-card,
html[data-theme='light'] .home-travel-paste-panel,
html[data-theme='light'] .home-paste-shell {
  background-color: #ffffff;
  color: var(--text-main);
  color-scheme: only light;
}

html[data-theme='light'] .home-paste-banner-slide {
  color: #fff;
}

html[data-theme='light'] .home-paste-banner-slide-body {
  background-color: transparent;
  border: none;
  color: inherit;
}

html[data-theme='light'] .home-paste-banner-kicker,
html[data-theme='light'] .home-paste-banner-title,
html[data-theme='light'] .home-paste-banner-sub,
html[data-theme='light'] .home-paste-banner-price {
  color: inherit;
}

html[data-theme='light'] .home-paste-banner-meta {
  color: #fff;
}

html[data-theme='light'] .home-paste-merchant-tile,
html[data-theme='light'] .home-paste-merchant-rate,
html[data-theme='light'] .gotooi-rec-rate {
  color: var(--text-main);
}

html[data-theme='light'] .home-paste-promo-card {
  color: #fff;
}

html[data-theme='light'] .home-paste-promo-card .home-paste-promo-title,
html[data-theme='light'] .home-paste-promo-card .home-paste-promo-name {
  color: #fff;
}

html[data-theme='light'] .home-travel-paste-btn {
  color: var(--color-primary);
}

html[data-theme='light'] .home-paste-compare-btn,
html[data-theme='light'] .home-paste-compare-btn.travel-paste-cta {
  color: #fff;
}

html[data-theme='light'] .travel-paste-field,
html[data-theme='light'] .home-travel-paste-panel .travel-paste-field {
  background-color: #f3f4f8;
  border-color: var(--border-subtle);
  color: var(--text-main);
  color-scheme: only light;
}

/* ══════════════════════════════════════════════════════════════
   AUTH PAGES
   ══════════════════════════════════════════════════════════════ */

html[data-theme='light'] .auth-page {
  background: var(--bg-page);
  color: var(--text-main);
  color-scheme: only light;
}

html[data-theme='light'] .auth-card {
  background-color: var(--bg-card);
  color: var(--text-main);
  border: 1px solid var(--border-subtle);
  box-shadow: var(--shadow);
}

html[data-theme='light'] .auth-card h1,
html[data-theme='light'] .auth-card .subtitle {
  color: var(--text-main);
}

html[data-theme='light'] .auth-alert {
  background-color: #fef2f2;
  color: #991b1b;
  border: 1px solid #fecaca;
}

html[data-theme='light'] .auth-success {
  background-color: #ecfdf5;
  color: #065f46;
  border: 1px solid #a7f3d0;
}

/* ══════════════════════════════════════════════════════════════
   AUTHOR / DASHBOARD
   ══════════════════════════════════════════════════════════════ */

html[data-theme='light'] .dashboard-layout,
html[data-theme='light'] .dashboard-main,
html[data-theme='light'] .creator-sidebar,
html[data-theme='light'] .creator-welcome,
html[data-theme='light'] .creator-stat-card {
  background-color: var(--bg-page);
  color: var(--text-main);
}

html[data-theme='light'] .creator-sidebar {
  background-color: var(--bg-card);
  border-color: var(--border-subtle);
}

html[data-theme='light'] .creator-sidebar-brand,
html[data-theme='light'] .creator-sidebar-link,
html[data-theme='light'] .dashboard-main > .page-title {
  color: var(--text-main);
}

html[data-theme='light'] .creator-sidebar-brand-sub,
html[data-theme='light'] .creator-sidebar-role {
  color: var(--text-muted);
}

html[data-theme='light'] .creator-stat-card,
html[data-theme='light'] .creator-empty-state,
html[data-theme='light'] .csv-import-card {
  background-color: var(--bg-card);
  border: 1px solid var(--border-subtle);
  color: var(--text-main);
}

/* ══════════════════════════════════════════════════════════════
   ADMIN
   ══════════════════════════════════════════════════════════════ */

html[data-theme='light'] .admin-table-wrap,
html[data-theme='light'] .admin-mod-card,
html[data-theme='light'] .admin-post-row,
html[data-theme='light'] .admin-pin-card,
html[data-theme='light'] .admin-tag-suggestions {
  background-color: var(--bg-card);
  color: var(--text-main);
  border-color: var(--border-subtle);
}

html[data-theme='light'] .admin-table th {
  background-color: var(--bg-card-muted);
  color: var(--text-muted);
}

html[data-theme='light'] .admin-table td {
  color: var(--text-main);
  border-color: var(--border-subtle);
}

html[data-theme='light'] .admin-tab {
  color: var(--text-muted);
}

html[data-theme='light'] .admin-tab:hover,
html[data-theme='light'] .admin-tab.active {
  color: var(--color-primary);
  background-color: var(--color-teal-muted);
}

/* ══════════════════════════════════════════════════════════════
   POST / TOPIC / CREATOR HUB
   ══════════════════════════════════════════════════════════════ */

html[data-theme='light'] .post-header,
html[data-theme='light'] .post-body,
html[data-theme='light'] .post-meta,
html[data-theme='light'] .post-toc,
html[data-theme='light'] .topic-hero,
html[data-theme='light'] .topic-header {
  color: var(--text-main);
}

html[data-theme='light'] .post-body pre {
  background-color: #f1f5f9;
  color: #0f172a;
  border: 1px solid var(--border-subtle);
}

html[data-theme='light'] .post-body :not(pre) > code {
  background-color: #f1f5f9;
  color: #0f172a;
}

html[data-theme='light'] .ch-hero,
html[data-theme='light'] .ch-benefit-card,
html[data-theme='light'] .ch-action-card,
html[data-theme='light'] .ch-resource-link {
  background-color: var(--bg-card);
  color: var(--text-main);
  border-color: var(--border-subtle);
}

html[data-theme='light'] .ch-hero-eyebrow,
html[data-theme='light'] .ch-hero-greeting {
  color: var(--color-primary);
}

/* ══════════════════════════════════════════════════════════════
   EMERGENCY / ACCESS DENIED
   ══════════════════════════════════════════════════════════════ */

html[data-theme='light'] .emergency-page {
  background:
    radial-gradient(ellipse 80% 60% at 50% -10%, rgb(91 127 255 / 22%), transparent 55%),
    radial-gradient(ellipse 60% 50% at 100% 100%, rgb(0 210 106 / 10%), transparent 50%),
    var(--bg-page);
  color: var(--text-main);
  color-scheme: only light;
}

html[data-theme='light'] .emergency-card {
  background-color: var(--bg-card);
  color: var(--text-main);
  border-color: var(--border-subtle);
}

html[data-theme='light'] .emergency-brand-name,
html[data-theme='light'] .emergency-subtitle {
  color: var(--text-main);
}

/* ══════════════════════════════════════════════════════════════
   SEARCH / DROPDOWNS / MODALS
   ══════════════════════════════════════════════════════════════ */

html[data-theme='light'] .search-suggestions-dropdown,
html[data-theme='light'] .search-hot-chip,
html[data-theme='light'] .search-term-carousel-term,
html[data-theme='light'] .modal-content,
html[data-theme='light'] .dropdown-menu {
  background-color: var(--bg-card);
  color: var(--text-main);
  border-color: var(--border-subtle);
}

html[data-theme='light'] .search-suggest-item:hover,
html[data-theme='light'] .search-suggest-item.is-active {
  background-color: var(--color-teal-muted);
}

/* ══════════════════════════════════════════════════════════════
   TRAVEL PASTE OVERLAYS
   ══════════════════════════════════════════════════════════════ */

html[data-theme='light'] .travel-paste-scan-overlay,
html[data-theme='light'] .travel-paste-found-sheet,
html[data-theme='light'] .travel-paste-compare-row {
  background-color: var(--bg-card);
  color: var(--text-main);
  border-color: var(--border-subtle);
  color-scheme: only light;
}

html[data-theme='light'] .travel-paste-skel {
  background-color: #f1f5f9;
}

html[data-theme='light'] .travel-paste-scan-step-icon {
  background-color: var(--color-teal-muted);
  color: var(--color-primary);
}

/* ══════════════════════════════════════════════════════════════
   BUTTONS & MISC
   ══════════════════════════════════════════════════════════════ */

html[data-theme='light'] .btn-secondary,
html[data-theme='light'] .btn-outline {
  background-color: var(--bg-card);
  color: var(--text-main);
  border-color: var(--border-subtle);
}

html[data-theme='light'] .btn-ghost {
  color: var(--text-muted);
}

html[data-theme='light'] .logo {
  color: var(--text-main);
}

html[data-theme='light'] .nav-account-pill {
  background-color: var(--bg-card-muted);
  color: var(--text-main);
  border-color: var(--border-subtle);
}

html[data-theme='light'] .mobile-tab-bar-item.is-active {
  color: var(--color-primary);
}

/* ══════════════════════════════════════════════════════════════
   HOME — 貼貼賞 / 攻略 tab（hero + paste mall）
   ══════════════════════════════════════════════════════════════ */

html[data-theme='light'] .home-shell.home-mode-paste .home-main,
html[data-theme='light'] .home-shell .home-main,
html[data-theme='light'] .home-section,
html[data-theme='light'] .home-rank-panel,
html[data-theme='light'] .home-hot-tag {
  background-color: var(--bg-page);
  color: var(--text-main);
}

html[data-theme='light'] .home-travel-paste-reward,
html[data-theme='light'] .home-travel-paste-reward.home-travel-card,
html[data-theme='light'] .home-travel-paste-panel,
html[data-theme='light'] .home-travel-paste-panel .travel-paste-field,
html[data-theme='light'] .home-paste-extras-card {
  background-color: #ffffff;
  color: var(--text-main);
  border-color: var(--border-subtle);
  color-scheme: only light;
}

html[data-theme='light'] .home-search,
html[data-theme='light'] .home-search-modes,
html[data-theme='light'] .home-travel-paste-reward .home-search {
  background-color: #ffffff;
  color: var(--text-main);
  border-color: rgb(91 127 255 / 18%);
  color-scheme: only light;
}

html[data-theme='light'] .home-search-mode,
html[data-theme='light'] .home-search-carousel-label,
html[data-theme='light'] .home-travel-paste-label,
html[data-theme='light'] .home-travel-paste-hint {
  color: var(--text-muted);
}

html[data-theme='light'] .home-search-mode.active {
  background-color: #ffffff;
  color: var(--color-primary);
}

html[data-theme='light'] .travel-paste-field-input,
html[data-theme='light'] .home-paste-search-input {
  color: var(--text-main);
  background: transparent;
}

html[data-theme='light'] .cashback-explainer-gemini,
html[data-theme='light'] .cashback-explainer-merchant-logo {
  background-color: #f8f9fa;
  color: var(--text-main);
}