/* WeSearch color schemes — Default, Light, Journalist.
   Loaded last so press hex leftovers and magazine chrome follow the same tokens. */

/* ---------- 1. DEFAULT — editorial dark / night press ---------- */
html[data-layout="press"]:not([data-theme="light"]):not([data-theme="journalist"]) {
  --press-paper: #E7DCC0;
  --press-paper-2: #F3EBD4;
  --press-ink: #140E0A;
  --press-ink-soft: #3A3228;
  --press-kicker: #C8302C;
  --press-rule: #140E0A;
  --press-hall: #0E0F12;
  --press-rail: #0E0F12;
  --press-rail-ink: #E7DCC0;
  --press-brass: #B08A3E;
}

/* ---------- 2. LIGHT — daylight paper, stone hall, graphite rail ---------- */
html[data-layout="press"][data-theme="light"] {
  --press-paper: #F4F2EA;
  --press-paper-2: #FFFFFF;
  --press-ink: #1A1B1F;
  --press-ink-soft: #4A4E56;
  --press-kicker: #A51F1A;
  --press-rule: #1A1B1F;
  --press-hall: #D8D6CE;
  --press-rail: #2A2C31;
  --press-rail-ink: #F4F2EA;
  --press-brass: #7A6A3A;
  --ws-text: #1A1B1F;
  --ws-text-soft: #2F343D;
  --ws-muted: #4F5560;
}

/* ---------- 3. JOURNALIST — sepia newsroom, walnut ink, brass ---------- */
html[data-layout="press"][data-theme="journalist"] {
  --press-paper: #EFE3BE;
  --press-paper-2: #F8EFD2;
  --press-ink: #2A2218;
  --press-ink-soft: #5C4E38;
  --press-kicker: #8D211B;
  --press-rule: #2A2218;
  --press-hall: #1C1710;
  --press-rail: #2A2218;
  --press-rail-ink: #EFE3BE;
  --press-brass: #A07A32;
  --ws-text: #2A2218;
  --ws-text-soft: #332D24;
  --ws-muted: #564D40;
}

html[data-layout="press"],
html[data-layout="press"] body {
  background-color: var(--press-hall) !important;
  color: var(--press-ink);
}

html[data-layout="press"] body {
  background-image:
    linear-gradient(180deg, color-mix(in srgb, var(--press-hall) 86%, transparent), var(--press-hall)),
    url("/img/press/paper-grain.webp") !important;
  background-size: auto, 640px !important;
}

html[data-layout="press"] .ws-header.press-mast,
html[data-layout="press"] header.press-mast,
html[data-layout="press"] header.ws-header,
html[data-layout="press"] .ws-header,
html[data-layout="press"] #frontpage,
html[data-layout="press"] #frontpage.press-sheet-wrap,
html[data-layout="press"] .press-sheet,
html[data-layout="press"] #press-room,
html[data-layout="press"] #press-dock {
  background-color: var(--press-paper) !important;
  color: var(--press-ink) !important;
}

html[data-layout="press"] #press-sections,
html[data-layout="press"] .press-sec-canvas {
  background: var(--press-rail) !important;
  color: var(--press-rail-ink) !important;
}

html[data-layout="press"] #press-sections a,
html[data-layout="press"] #press-sections button {
  color: var(--press-rail-ink) !important;
  border-right-color: color-mix(in srgb, var(--press-rail-ink) 22%, transparent) !important;
}

html[data-layout="press"] #press-sections a.press-sec-canvas {
  background: color-mix(in srgb, var(--press-rail) 82%, black) !important;
  color: var(--press-rail-ink) !important;
  border-left-color: color-mix(in srgb, var(--press-rail-ink) 35%, transparent) !important;
}

html[data-layout="press"] .press-word-we,
html[data-layout="press"] .ws-brand-name.press-word-we,
html[data-layout="press"] .late-hed,
html[data-layout="press"] .lead-hed,
html[data-layout="press"] .brief-hed {
  color: var(--press-ink) !important;
}

html[data-layout="press"] .press-word-deck,
html[data-layout="press"] .kicker,
html[data-layout="press"] .press-room-kicker,
html[data-layout="press"] .press-room-more {
  color: var(--press-kicker) !important;
}

html[data-layout="press"] .press-folio,
html[data-layout="press"] .dek,
html[data-layout="press"] .late-src,
html[data-layout="press"] .brief-src,
html[data-layout="press"] #press-room-count {
  color: var(--press-ink-soft) !important;
}

html[data-layout="press"] .sky-item b {
  color: var(--press-brass) !important;
}

html[data-layout="press"][data-theme="light"] .press-flag,
html[data-layout="press"][data-theme="journalist"] .press-flag {
  background-image: url("/img/press/w-seal-paper.webp") !important;
  background-repeat: no-repeat !important;
  background-position: right 8% top 40% !important;
  background-size: 88px !important;
}

html[data-layout="press"] .ws-plate,
html[data-layout="press"] .lead-plate {
  background-image:
    linear-gradient(180deg, color-mix(in srgb, var(--press-paper) 88%, white), var(--press-paper)),
    url("/img/press/paper-grain.webp") !important;
  background-size: auto, 240px !important;
}

/* Magazine / drawers follow the semantic palette in every scheme. */
html[data-theme="light"] #settings-drawer > div:last-child,
html[data-theme="light"] #comments-drawer .drawer-panel,
html[data-theme="light"] #share-sheet .bg-panel,
html[data-theme="light"] #notif-panel,
html[data-theme="light"] #bottom-nav-sheet .bns-card,
html[data-theme="journalist"] #settings-drawer > div:last-child,
html[data-theme="journalist"] #comments-drawer .drawer-panel,
html[data-theme="journalist"] #share-sheet .bg-panel,
html[data-theme="journalist"] #notif-panel,
html[data-theme="journalist"] #bottom-nav-sheet .bns-card {
  background: var(--ws-surface) !important;
  color: var(--ws-text) !important;
  border-color: var(--ws-line) !important;
}

html[data-theme="light"] #settings-drawer,
html[data-theme="journalist"] #settings-drawer {
  color: var(--ws-text);
}

html[data-theme="light"] .theme-btn,
html[data-theme="journalist"] .theme-btn {
  color: var(--ws-text) !important;
  border-color: var(--ws-line) !important;
  background: var(--ws-surface-raised) !important;
}

html[data-theme="light"] .bns-item,
html[data-theme="journalist"] .bns-item {
  background: var(--ws-surface) !important;
  color: var(--ws-text) !important;
  border-color: var(--ws-line) !important;
}

html[data-layout="magazine"][data-theme="light"] .ws-header,
html:not([data-layout="press"])[data-theme="light"] .ws-header {
  background: var(--ws-bg) !important;
  color: var(--ws-text) !important;
  border-color: var(--ws-line) !important;
}

html[data-layout="magazine"][data-theme="journalist"] .ws-header,
html:not([data-layout="press"])[data-theme="journalist"] .ws-header {
  background: var(--ws-bg) !important;
  color: var(--ws-text) !important;
  border-color: var(--ws-line) !important;
}