/* Signal Radar — warm-white editorial skin */
:root {
  color-scheme: light;
  --ink: #3a2117;
  --ink-soft: #fff7f0;
  --ink-raised: #fffdf9;
  --paper: #fffdf9;
  --paper-muted: #9a6f5c;
  --blue: #f47721;
  --blue-bright: #ff8f42;
  --line: rgba(129, 72, 36, 0.16);
  --line-dark: rgba(83, 45, 25, 0.13);
  --text-muted: #876d60;
  --shadow: 0 34px 70px rgba(117, 61, 27, 0.15), 0 6px 16px rgba(117, 61, 27, 0.09);
}

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

.site-noise {
  opacity: 0.025;
  mix-blend-mode: multiply;
}

.ambient {
  filter: none;
}

.ambient-one {
  border-color: rgba(239, 115, 34, 0.18);
  box-shadow: inset 0 0 110px rgba(244, 119, 33, 0.05), 0 0 150px rgba(244, 119, 33, 0.04);
}

.ambient-two {
  border-color: rgba(129, 72, 36, 0.09);
}

.topbar {
  border-bottom-color: var(--line);
}

.brand,
.topnav a:hover,
.saved-nav:hover {
  color: var(--ink);
}

.brand-mark i { background: var(--ink); }
.brand-mark i:nth-child(3) { background: var(--blue); }
.brand-dot { color: var(--blue); }

.status-line { color: #9d7966; }
.status-pulse { background: var(--blue); box-shadow: 0 0 0 0 rgba(244, 119, 33, 0.42); }
.status-divider { background: var(--line); }
.topnav { color: #866d5e; }
.saved-nav span { color: #fffdf9; background: var(--blue); }

.hero::before {
  background:
    linear-gradient(90deg, rgba(244, 119, 33, 0.045) 1px, transparent 1px) 0 0 / 8vw 100%,
    linear-gradient(0deg, rgba(244, 119, 33, 0.04) 1px, transparent 1px) 0 0 / 100% 8vw;
  mask-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.7) 20%, rgba(0, 0, 0, 0.32) 75%, transparent);
}

.hero-brand { color: #f5dfcf; }
.hero-brand span { color: var(--blue); }
.hero h1 { color: var(--ink); }
.hero h1 em,
.closing-section h2 em { color: var(--blue); }
.hero-description { color: var(--text-muted); }

.primary-action {
  color: #fffdf9;
  border-color: var(--blue);
  background: var(--blue);
  box-shadow: 0 12px 28px rgba(244, 119, 33, 0.18);
}

.primary-action:hover {
  background: var(--blue-bright);
  box-shadow: 0 16px 34px rgba(244, 119, 33, 0.25);
}

.text-action {
  color: #7c5c4b;
  border-bottom-color: rgba(124, 92, 75, 0.42);
}

.text-action:hover { color: var(--ink); border-color: var(--ink); }
.hero-sources { color: #ad8772; }
.source-chip { color: var(--ink); border-color: rgba(129, 72, 36, 0.22); background: rgba(255, 255, 255, 0.7); }
.source-chip--skill { color: var(--blue); border-color: rgba(244, 119, 33, 0.58); }
.source-chip--x { color: #8c6653; }

.deck-caption { color: #a27d68; }
.deck-caption span:last-child { color: var(--blue); }
.deck-orbit { border-color: rgba(244, 119, 33, 0.16); }
.orbit-two { border-color: rgba(129, 72, 36, 0.1); }

.deck-card,
.feed-card {
  --accent: #f47721 !important;
  --accent-soft: rgba(244, 119, 33, 0.45) !important;
  color: var(--ink);
  border-color: #fff;
  background: #fffdf9;
  box-shadow: var(--shadow);
}

.deck-card.is-prev,
.deck-card.is-next { opacity: 0.55; filter: saturate(0.72); }
.deck-card__top { color: var(--ink); }
.source-label { color: #a27661; }
.signal-score { color: #6c4c3d; }
.signal-score b { color: var(--blue); }
.deck-card h3,
.feed-card h3 { color: var(--ink); }
.deck-card__summary,
.feed-card__summary { color: #856b5d; }
.card-index,
.velocity-label { color: #b08b76; }
.velocity-value { color: var(--ink); }
.deck-card__footer { border-top-color: var(--line-dark); }
.card-save { color: var(--ink); border-color: rgba(129, 72, 36, 0.2); background: #fffaf5; }
.card-save:hover,
.card-save.is-saved { color: #fffdf9; border-color: var(--blue); background: var(--blue); }

.deck-button {
  color: var(--ink);
  border-color: rgba(129, 72, 36, 0.18);
  background: rgba(255, 253, 249, 0.85);
}

.deck-button:hover { color: #fffdf9; border-color: var(--blue); background: var(--blue); }
.deck-progress { background: rgba(129, 72, 36, 0.17); }
.deck-progress span { background: var(--blue); }

.hero-footer-line {
  border-top-color: var(--line);
  color: #b1856e;
  background: rgba(255, 250, 245, 0.76);
}

.signal-brief {
  background: #fff0e5;
  color: var(--ink);
}

.signal-brief span { color: var(--blue); }
.signal-brief div p { color: #896b5a; }

.today-section {
  background: #fffdf9;
}

.section-heading h2,
.method-intro h2,
.collection-head h2 { color: var(--ink); }
.section-summary { color: var(--text-muted); }
.filter-row { border-top-color: var(--line); }

.filter { color: #876b5b; }
.filter:hover,
.filter.is-active { color: #fffdf9; border-color: var(--blue); background: var(--blue); }
.filter-note { color: #af8973; }

.feed-card {
  min-height: 350px;
  background: #fff;
}

.feed-card::before {
  background: linear-gradient(118deg, transparent 36%, rgba(244, 119, 33, 0.14) 49%, transparent 59%);
}

.feed-card__source { color: #a17763; }
.feed-card__reason { color: #a27a66; }
.feed-card__metric { color: var(--ink); }
.feed-card__metric small { color: #b08973; }
.feed-card__save { color: var(--ink); border-color: rgba(129, 72, 36, 0.17); background: #fff8f2; }
.feed-card__save:hover,
.feed-card__save.is-saved { color: #fffdf9; border-color: var(--blue); background: var(--blue); }
.feed-card__art { color: var(--blue); opacity: 0.6; }
.feed-art-dot { box-shadow: 0 0 0 7px rgba(255, 239, 229, 0.86); }

.method-section {
  background: #fff6ee;
  border-top-color: var(--line);
}

.method-intro > p:last-child,
.method-list p { color: var(--text-muted); }
.method-list { border-top-color: var(--line); }
.method-list li { border-bottom-color: var(--line); }
.method-number { color: var(--blue); }
.method-list h3 { color: var(--ink); }
.method-arrow { color: #b4866e; }

.collection-section { background: #fffdf9; }
.collection-head .eyebrow { color: var(--blue); }
.collection-head > p { color: var(--text-muted); }
.saved-empty,
.saved-list { border-color: var(--line-dark); }
.saved-empty p { color: var(--text-muted); }
.saved-empty button { color: var(--ink); border-bottom-color: var(--ink); }
.empty-orbit { border-color: rgba(244, 119, 33, 0.14); }
.saved-item { border-bottom-color: var(--line-dark); }
.saved-item__index { color: var(--blue); }
.saved-item__type,
.saved-item p { color: #8c6b59; }
.saved-item h3 { color: var(--ink); }
.saved-item button,
.saved-item a { color: var(--ink); border-color: rgba(129, 72, 36, 0.17); }
.saved-item button:hover,
.saved-item a:hover { color: #fffdf9; background: var(--blue); }

.closing-section {
  color: #fffdf9;
  background: var(--blue);
}

.closing-section h2 { color: #fffdf9; }
.closing-section h2 em { color: #ffe2c6; }
.closing-section > div:last-child > p:not(.eyebrow) { color: rgba(255, 253, 249, 0.78); }
.closing-section .eyebrow { color: #fff2e5; }
.closing-section .eyebrow > span { background: #fff2e5; }
.closing-section .primary-action { color: var(--blue); border-color: #fffdf9; background: #fffdf9; box-shadow: none; }
.closing-section .primary-action:hover { color: var(--ink); background: #fff2e5; }
.closing-visual::before { background: #fffdf9; box-shadow: 0 0 0 10px rgba(255, 253, 249, .13), 0 0 55px rgba(255, 253, 249, .42); }
.visual-signal { border-color: rgba(255, 253, 249, .38); }
.visual-signal-two { border-color: rgba(255, 253, 249, .22); }
.visual-signal-three { border-color: rgba(255, 253, 249, .12); }

.footer { color: #a27a65; background: #fffaf5; }
.footer .brand { color: var(--ink); }

.detail-dialog { color: var(--ink); background: #fffdf9; box-shadow: 0 40px 140px rgba(97, 43, 16, .28); }
.detail-dialog::backdrop { background: rgba(89, 39, 15, 0.28); }
.dialog-close { color: var(--ink); border-color: rgba(129, 72, 36, .15); background: rgba(255, 253, 249, .9); }
.dialog-content h2 { color: var(--ink); }
.dialog-summary { color: var(--text-muted); }
.dialog-grid { border-color: var(--line-dark); background: var(--line-dark); }
.dialog-grid > div { background: #fffdf9; }
.dialog-grid span { color: #a47b65; }
.dialog-grid strong { color: var(--ink); }
.dialog-takeaway { color: #745242; border-left-color: var(--blue); }
.dialog-actions a { color: #fffdf9; background: var(--blue); }
.dialog-actions .card-save { color: var(--ink); }
.toast { color: #fffdf9; background: var(--blue); }

@media (max-width: 820px) {
  .today-section,
  .method-section,
  .collection-section { background: #fffdf9; }
  .method-section { background: #fff6ee; }
}