/**
 * Warm Paper – clean light canvas + subtle section depth
 * Active when html[data-wg-theme="warm-paper"]
 */

html[data-wg-theme="warm-paper"] {
  color-scheme: light;
  --wg-bg: #f4f4f2;
  --wg-bg-soft: #f8f8f7;
  --wg-bg-muted: #ebebea;
  --wg-surface: #ffffff;
  --wg-surface-elevated: #ffffff;
  --wg-nav-bg: rgba(255, 255, 255, 0.98);
  --wg-polaroid-bg: #ffffff;
  --wg-border: rgba(20, 20, 18, 0.07);
  --wg-border-strong: rgba(20, 20, 18, 0.11);
}

html[data-wg-theme="warm-paper"] body {
  background: var(--wg-surface);
  color: var(--wg-text);
}

/* Nav – warm paper bar on inner pages */
html[data-wg-theme="warm-paper"] body:not(:has(#wgHero)) .wg-nav-wrap,
html[data-wg-theme="warm-paper"] body:not(:has(#wgCineHero)) .wg-nav-wrap:not(.is-over-hero),
html[data-wg-theme="warm-paper"] .wg-nav-wrap.is-scrolled {
  background: var(--wg-nav-bg);
  border-bottom-color: var(--wg-border);
}

html[data-wg-theme="warm-paper"] .wg-nav-mega {
  background: var(--wg-surface-elevated);
  border-color: var(--wg-border);
}

html[data-wg-theme="warm-paper"] .wg-nav-mega__main {
  background: linear-gradient(145deg, #f5f0e6 0%, #ebe4d6 100%);
}

html[data-wg-theme="warm-paper"] .wg-nav-card {
  background: var(--wg-surface);
  border-color: var(--wg-border);
}

html[data-wg-theme="warm-paper"] .wg-mobile-drawer,
html[data-wg-theme="warm-paper"] .wg-drawer__panel {
  background: var(--wg-surface);
}

html[data-wg-theme="warm-paper"] .wg-drawer__card {
  background: var(--wg-bg-soft);
  border-color: var(--wg-border);
}

/* Cards – cream/gold frames (pre-wilderness look) */
html[data-wg-theme="warm-paper"] .wg-dest-card__media,
html[data-wg-theme="warm-paper"] .wg-pkg-card__media {
  background: linear-gradient(145deg, #fffdf9 0%, #f3ece0 100%);
}

html[data-wg-theme="warm-paper"] .wg-pkg-card,
html[data-wg-theme="warm-paper"] .wg-dest-card {
  background: var(--wg-surface);
  border-color: var(--wg-border);
}

html[data-wg-theme="warm-paper"] .wg-pkg-fact {
  color: var(--wg-text-muted);
  background: rgba(255, 255, 255, 0.65);
  border-color: rgba(184, 148, 26, 0.22);
}

html[data-wg-theme="warm-paper"] .wg-section-title,
html[data-wg-theme="warm-paper"] .wg-section-head .wg-section-title {
  color: var(--wg-text);
}

html[data-wg-theme="warm-paper"] .wg-circuit-card {
  background: var(--wg-surface);
}