/* WAWON Manga: bright paper, forest-green ink and warm-gold editorial rules.
   Loaded only on public discovery/service pages, never on the manga readers. */
:root {
  --ink: #183b32;
  --ink-soft: #465c51;
  --paper: #faf7ee;
  --paper-deep: #f0e9d9;
  --white: #fffdf8;
  --vermillion: #bd553c;
  --vermillion-dark: #953c2a;
  --blue: #1b4d42;
  --blue-light: #eaf1e9;
  --gold: #c59f59;
  --line: rgba(28, 62, 51, .18);
  --line-strong: rgba(28, 62, 51, .4);
}

body {
  background: #faf7ee;
  color: var(--ink);
}

::selection { background: #e9d6a9; color: #183b32; }

.site-header {
  border-bottom: 1px solid #d9c39a;
  background: color-mix(in srgb, #fffcf6 94%, transparent);
  box-shadow: 0 6px 28px rgba(30, 52, 39, .055);
}

.brand__mark {
  border-color: var(--ink);
  box-shadow: 5px 5px 0 var(--vermillion);
}

.site-header .button--red,
.button--red {
  background: var(--vermillion);
}

.site-header .button--red:hover,
.button--red:hover { background: var(--vermillion-dark); }

.wm-discover {
  position: relative;
  background:
    linear-gradient(90deg, rgba(255, 253, 247, .97), rgba(255, 253, 247, .89)),
    url('/assets/img/brand-hero-light-v1.webp') center / cover no-repeat;
  border-bottom: 1px solid #e5d7b8;
}

.wm-library-heading h1,
.wm-library-heading h2,
.wm-plan-hero h1,
.page-hero .display-title {
  color: var(--ink);
}

.wm-kicker,
.eyebrow { color: #a94e37; }

.wm-weekly {
  border: 2px solid #d6b775;
  background: #173e35;
  box-shadow: 0 16px 38px rgba(25, 52, 42, .13);
}

.wm-new,
.wm-plan-card {
  border-color: #e3d3b2;
  box-shadow: 0 14px 32px rgba(36, 56, 43, .07);
}

.wm-book__image { background: #f0e7d6; }
.wm-book a:hover .wm-book__image { box-shadow: 0 10px 24px rgba(29, 65, 52, .13); }

.wm-share,
.wm-library-page { background: #faf6eb; }

.wm-plan-hero,
.page-hero {
  position: relative;
  isolation: isolate;
  background:
    linear-gradient(90deg, #fffcf6 0%, rgba(255, 252, 246, .97) 53%, rgba(255, 252, 246, .42) 100%),
    url('/assets/img/brand-hero-light-v1.webp') right center / cover no-repeat;
  border-bottom: 1px solid #decba2;
}

.wm-plan-hero::after {
  content: '';
  position: absolute;
  inset: auto 3.5% 26px auto;
  width: min(28vw, 340px);
  height: 2px;
  background: #c59f59;
  opacity: .8;
  pointer-events: none;
}

.wm-plan-hero .site-shell,
.page-hero .site-shell { position: relative; z-index: 1; }

.wm-plan-card {
  background: #fffefb;
  border-top-color: var(--ink);
}

.wm-plan-card--featured { border-top-color: var(--vermillion); }

.brand-choice {
  border-block-color: #d9c39a;
  background: linear-gradient(145deg, #f1f5ed, #e8efe5);
}

.brand-choice__card {
  border: 1px solid #d6c18e;
  background: #fffdf8;
  box-shadow: 9px 10px 0 rgba(181, 155, 99, .16);
}

.brand-choice__card--service { border-top: 6px solid var(--vermillion); }
.brand-choice__card--creator { border-top: 6px solid var(--ink); }

.fact-strip,
.site-footer { background: #153b32; }

.site-footer { border-top: 3px solid #c9a764; }

@media (max-width: 800px) {
  .wm-discover {
    background:
      linear-gradient(rgba(255, 253, 247, .96), rgba(255, 253, 247, .94)),
      url('/assets/img/brand-hero-light-v1.webp') right center / cover no-repeat;
  }

  .wm-plan-hero,
  .page-hero {
    background: linear-gradient(145deg, #fffcf6, #f4ecdb);
  }

  .wm-plan-hero::after { width: 110px; right: 20px; }
}