/* Palette variant only; structure, typography and interaction use the green preview. */
:root {
  --bg: #f5f4f0;
  --ink: #292a2c;
  --body: #45484c;
  --muted: #787c80;
  --teal: #303234;
  --mint: #eeede9;
  --line: #d8d8d4;
}

.site-header { background: rgba(245,244,240,.96); border-color: #dcdcd8; }
.brand img { filter: grayscale(1) brightness(.45); }
.icon { filter: grayscale(1); }
.desktop-nav a:hover, .login:hover, .site-footer nav a:hover { color: #141516; }
button:focus-visible, a:focus-visible, summary:focus-visible { outline-color: #858b92; }
.button:hover { background: #17191a; border-color: #17191a; }
.button-secondary { border-color: #cfd1d0; }
.button-secondary:hover { background: #e9e8e4; border-color: #b6b9b8; }
.button-light { color: var(--ink); background: #fcfcf8; border-color: #fcfcf8; }
.button-light:hover { background: #fff; border-color: #fff; }
.button-light .icon { filter: grayscale(1); }

/* Desaturate the existing texture layers without filtering text or evidence highlights. */
.hero-stage, .closing { position: relative; isolation: isolate; }
.hero-stage { background: #e5e4e1; }
.hero-stage::before, .closing::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.hero-stage::before {
  background-image: url('assets/hero-texture-v3.png');
  filter: grayscale(1);
  mix-blend-mode: multiply;
}
.draft-window { border-color: #e0e1de; box-shadow: 0 10px 25px #20232608; }
.window-bar { background: #f7f7f6; color: #909497; }
.draft-content .draft-secondary { color: #929598; }
.source-card { border-color: #e1e2df; box-shadow: 0 18px 42px #2023261c; }
.source-meta { color: #63696d; }
.source-card blockquote { color: #282b2d; }
.demo-caption, .demo-note { color: #7c8286; }
.citation, .citation-static:hover { background: #dce7ee; color: #354958; }
.citation:hover { background: #c7d9e6; }
.citation.pulse { background: #b9cddb; outline-color: #b9cddb40; }
.hero-stage.is-playing .draft-window { box-shadow: 0 0 0 2px #75818a40, 0 14px 38px #20232608; }

.section-intro { border-color: #d1d2cf; }
.story-number { color: #505457; border-color: #d1d3d0; }
.compare-stage { background: #ecebe7; }
.scene-toolbar { color: #858b8d; }
.segmented { border-color: #d2d5d2; }
.segmented button { color: #80858a; }
.segmented button.active { color: var(--ink); box-shadow: 0 1px 3px #20232610; }
.table-frame { border-color: #dbddda; }
th, td { border-color: #e0e2e0; }
thead { background: #fbfbf9; }
thead th:first-child { color: #80868a; }
td { color: #515960; }
tr.highlight { background: #e8e9e7; }
.scene-note { color: #878d91; }
.writing-stage { background: #eeece7; }
.paper-excerpt { background: #fffefa; border-color: #eeece5; }
.paper-excerpt footer { color: #878d91; }
.revision-stage { background: #ecedef; }
.revision-request { color: #667079; }
.revision-tabs { border-color: #e0e3e4; }
.revision-tabs button { color: #92999f; }
.revision-intro { color: #707981; }
.mini-source > p:not(.source-label) { color: #717980; }

.learn-band { background: #eae9e5; }
.learn-inner p { color: #60666b; }
.learn-link { border-color: #d1d3d0; }
.learn-link span { color: #70777d; }
.faq-copy p, .faq-list details > p { color: #646c72; }
.faq-list details { border-color: #d9dbd8; }
.closing { background: #333537; color: #fbfbf8; }
.closing::before { background-image: url('assets/cta-texture-v2.png'); filter: grayscale(1) brightness(.7); }
.closing p { color: #d5d7d4; }
.preview-label { color: #969b99; border-color: #d4d6d3; }

dialog { border-color: #d4d7d4; box-shadow: 0 25px 80px #20232640; }
dialog::backdrop { background: #1c1e20b8; }
.dialog-header .eyebrow { color: #848c90; }
.dialog-description { color: #656d72; }
.dialog-close:hover { background: #eaece8; }
.toast { background: #303234; box-shadow: 0 6px 25px #20232620; }