/* WayneMVRS light theme
 * Preserve the existing ukiyo-e / cinematic composition and motion; change palette only.
 */
:root {
  color-scheme: light;
  --iam-bg: #f5efe5;
  --iam-surface: #fffaf2;
  --iam-surface-1: #efe5d6;
  --iam-surface-2: #e5d7c4;
  --iam-surface-3: #d7c5ad;
  --iam-ink: #243033;
  --iam-muted: #59635f;
  --iam-faint: #7c847e;
  --iam-line: #c9baa5;
  --iam-gold: #a96b0a;
  --iam-vermilion: #bd5b3e;
  --gold: #a96b0a !important;
  --red: #a96b0a !important;
  --bg: #f5efe5 !important;
  --line: #c9baa5 !important;
}

html,
html.dark,
body {
  color-scheme: light !important;
  background: var(--iam-bg) !important;
  color: var(--iam-ink) !important;
}

body { min-height: 100vh; }

::selection { background: #d8a34c !important; color: #1e2829 !important; }

/* Tailwind palette remap: keep the existing layout and swap only the palette. */
[class~="text-white"],
[class~="text-white/90"],
[class~="text-white/80"],
[class~="text-white/70"],
[class~="text-white/65"],
[class~="text-white/60"],
[class~="text-white/55"],
[class~="text-white/50"],
[class~="text-white/40"],
[class~="text-white/35"],
[class~="text-white/30"] { color: var(--iam-ink) !important; }
[class~="text-white/90"] { color: rgba(36,48,51,.92) !important; }
[class~="text-white/80"] { color: rgba(36,48,51,.82) !important; }
[class~="text-white/70"] { color: rgba(36,48,51,.74) !important; }
[class~="text-white/65"] { color: rgba(36,48,51,.68) !important; }
[class~="text-white/60"] { color: rgba(36,48,51,.64) !important; }
[class~="text-white/55"] { color: rgba(36,48,51,.59) !important; }
[class~="text-white/50"] { color: rgba(36,48,51,.54) !important; }
[class~="text-white/40"] { color: rgba(36,48,51,.46) !important; }
[class~="text-white/35"] { color: rgba(36,48,51,.39) !important; }
[class~="text-white/30"] { color: rgba(36,48,51,.34) !important; }

[class~="text-red"],
[class~="text-[#FFB800]"],
.text-sun { color: var(--iam-gold) !important; }
[class~="hover:text-white"]:hover { color: var(--iam-ink) !important; }
[class~="hover:text-red"]:hover,
[class~="hover:text-[#FFB800"]:hover { color: var(--iam-gold) !important; }

[class~="bg-bg"],
[class*="bg-[#07070d]"],
[class*="bg-[#0E0E0E]"],
[class*="bg-[#0e0e0e]"] { background-color: var(--iam-bg) !important; }
[class~="bg-surface"],
[class~="bg-surface-1"] { background-color: var(--iam-surface-1) !important; }
[class~="bg-surface-2"] { background-color: var(--iam-surface-2) !important; }
[class~="bg-surface-3"] { background-color: var(--iam-surface-3) !important; }
[class*="bg-black"] { background-color: rgba(255,250,242,.88) !important; }
[class*="bg-white/"] { background-color: rgba(255,255,255,.62) !important; }
[class~="bg-red/5"] { background-color: rgba(169,107,10,.08) !important; }
[class~="bg-red/90"] { background-color: var(--iam-gold) !important; }

[class*="border-white"],
[class*="border-line"] { border-color: rgba(105,83,57,.22) !important; }
[class*="border-red"],
[class*="border-[#FFB800]"] { border-color: var(--iam-gold) !important; }
[class*="shadow-black"] { --tw-shadow-color: rgba(67,51,32,.18) !important; }

[class~="from-bg"] {
  --tw-gradient-from: var(--iam-bg) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(245 239 229 / 0) var(--tw-gradient-to-position) !important;
}
[class~="via-bg/80"] { --tw-gradient-via: rgb(245 239 229 / .82) var(--tw-gradient-via-position) !important; }
[class~="to-bg/30"] { --tw-gradient-to: rgb(245 239 229 / .3) var(--tw-gradient-to-position) !important; }

/* Homepage: paper, ink and gold around the existing cinematic hero. */
.space {
  background:
    radial-gradient(120% 90% at 70% 20%, #fffaf2 0%, #f5efe5 58%),
    radial-gradient(60% 50% at 20% 80%, rgba(169,107,10,.08), transparent 60%) !important;
}
.space .stars {
  display: none !important;
}
.sl-sky { background: radial-gradient(90% 70% at 62% 30%, rgba(255,184,0,.16), transparent 58%), linear-gradient(180deg, #f3e6cf 0%, #fbf6ed 46%, #f5efe5 100%) !important; }
.sl-seigaiha { opacity: .08 !important; }
.scene-fade { background: linear-gradient(180deg, transparent, #f5efe5 92%) !important; }
.wname { background: linear-gradient(178deg, #26373a 30%, #65706c 96%) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; -webkit-text-fill-color: transparent !important; line-height: 1.3 !important; text-shadow: 0 30px 80px rgba(74,56,34,.24) !important; }
.vtext { color: rgba(36,48,51,.48) !important; text-shadow: 0 0 30px rgba(255,250,242,.72) !important; }
.scroll-cue .lineWrap { background: rgba(36,48,51,.18) !important; }
.dossier { border-top-color: rgba(105,83,57,.22) !important; }
.dossier .side img { border-color: rgba(105,83,57,.3) !important; }
.dossier .side .orbittag { color: rgba(36,48,51,.68) !important; border-color: rgba(105,83,57,.28) !important; }
.dossier h3 { color: var(--iam-ink) !important; }
.dossier .tagline { color: rgba(36,48,51,.82) !important; }
.dossier .body-txt,
.dossier ul li { color: rgba(36,48,51,.66) !important; }
.dossier .plans { color: rgba(36,48,51,.7) !important; background: rgba(255,255,255,.54) !important; border-color: rgba(105,83,57,.2) !important; }
.dossier .visit { color: var(--iam-gold) !important; border-color: rgba(169,107,10,.58) !important; }
.dossier .visit:hover { color: #fffaf2 !important; background: var(--iam-gold) !important; }

/* Blog index, consult page and article chrome. */
.aurora::before { background: rgba(227,174,61,.5) !important; opacity: .18 !important; }
.aurora::after { background: rgba(189,91,62,.34) !important; opacity: .16 !important; }
.article-body,
.article-body p { color: rgba(36,48,51,.78) !important; }
.article-body h2,
.article-body h3,
.article-body strong,
.pull-quote,
.station-name { color: var(--iam-ink) !important; }
.article-body em,
.pull-quote .red-dot { color: var(--iam-gold) !important; }
.article-body a { color: #98600d !important; text-decoration-color: rgba(169,107,10,.56) !important; }
.article-body a:hover { color: var(--iam-gold) !important; }
.article-body h2::before { background: var(--iam-gold) !important; }
.article-figure img { border-color: rgba(105,83,57,.2) !important; box-shadow: 0 24px 70px rgba(74,56,34,.16) !important; }
.article-figure figcaption { color: rgba(36,48,51,.5) !important; }
.notice { color: var(--iam-ink) !important; background: rgba(169,107,10,.08) !important; border-color: rgba(169,107,10,.34) !important; }
.pull-quote { border-color: rgba(169,107,10,.3) !important; }
.prompt-block,
.station-card { background: var(--iam-surface-1) !important; border-color: rgba(105,83,57,.26) !important; color: rgba(36,48,51,.76) !important; }
.prompt-block .label { color: var(--iam-gold) !important; }
.station-card:hover { border-color: var(--iam-gold) !important; box-shadow: 0 20px 40px -10px rgba(169,107,10,.2) !important; }
.station-num { background: rgba(255,250,242,.84) !important; color: var(--iam-ink) !important; border-color: rgba(169,107,10,.42) !important; }
.lightbox { background: rgba(245,239,229,.96) !important; }
.lightbox-caption { color: var(--iam-ink) !important; background: rgba(255,250,242,.9) !important; }
.lightbox-close,
.lightbox-nav { color: var(--iam-ink) !important; background: rgba(255,250,242,.86) !important; }
.lightbox-close:hover,
.lightbox-nav:hover { background: var(--iam-gold) !important; color: #fffaf2 !important; }

input,
select,
textarea { background-color: rgba(255,252,246,.92) !important; color: var(--iam-ink) !important; border-color: rgba(105,83,57,.28) !important; }
input::placeholder,
textarea::placeholder { color: rgba(36,48,51,.42) !important; }
option { background: #fffaf2 !important; color: var(--iam-ink) !important; }

/* Generated pages use the same class names for footer and language controls. */
footer { background-color: var(--iam-bg) !important; border-color: rgba(105,83,57,.22) !important; }
nav { background-color: rgba(255,250,242,.84) !important; border-color: rgba(105,83,57,.22) !important; }
#langMenu,
.lang-menu { background-color: var(--iam-surface-2) !important; border-color: rgba(105,83,57,.28) !important; }

/* Typography floor: visible UI text is never smaller than 14px on desktop or mobile. */
body :where(
  .text-xs,
  [class~="text-[9px]"],
  [class~="text-[10px]"],
  [class~="text-[11px]"],
  [class~="text-[12px]"],
  [class~="text-[13px]"],
  .vtext,
  .dossier .side .orbittag,
  .dossier ul li .nm,
  .article-figure figcaption,
  .prompt-block .label,
  .station-num,
  .station-sub,
  .lightbox-caption
) {
  font-size: 14px !important;
}