/* ═══════════════════════════════════════════════════════════════════════════
   refresh.css — BRIGHT UNIFICATION LAYER
   ---------------------------------------------------------------------------
   Load LAST, after style.css and cards.css:
     <link rel="stylesheet" href="/css/style.css">
     <link rel="stylesheet" href="/css/cards.css">
     <link rel="stylesheet" href="/css/refresh.css">   ← add this line

   PAINT-ONLY. This file changes only color / background / border / box-shadow /
   font / text-shadow. It does NOT touch width, max-width, overflow, position,
   display, flex, grid, or any sizing — so it cannot reintroduce layout or
   overflow problems. Delete the one <link> above to revert completely.

   Unified palette
     ink        #2a1a06   headings / primary text
     ink-hero   #1a0a00   the hero word
     ink-soft   #6b4a20   secondary text
     amber      #c07010   primary accent
     amber-lite #e8a020   button highlight
     amber-deep #8a4a00   button base shadow
     paper-card #fff8f0   cards on bright ground
     line       rgba(180,120,20,.22)
     mint       #1a6630   reserved ONLY for "saved / safe" moments
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1. LANDING — kill the legibility hacks, resolve the duplicate rules ──────
   The title was propped up with `text-shadow: 1px 1px 0 #fff` to stay legible
   over the sunrise video; the privacy notice was defined twice (a soft amber
   version, then a dark-glass version that won). The approved direction is a
   clean cream ground with solid ink — no video, no outline needed. */

#screen-landing {
  background: linear-gradient(165deg, #fdf4e3 0%, #f6ead0 55%, #eef3df 100%);
}
/* Approved bright landing is video-free. If you want the sunrise back, delete
   these two lines and tell me — I'll swap the harsh outline for a soft halo. */
#screen-landing .landing-video,
#screen-landing .landing-video-overlay { display: none; }

#screen-landing .landing-title,
#screen-landing .landing-title-secondary,
#screen-landing .landing-title-inverted,
#screen-landing .landing-title em {
  text-shadow: none;
}
#screen-landing .landing-title            { color: #2a1a06; }
#screen-landing .landing-title-secondary  { color: #9a7440; }
#screen-landing .landing-title em         { color: #c07010; }
/* "Jews" was a washed-out grey (#CFCFCF) — make it the ink-dark hero word */
#screen-landing .landing-title-inverted   { color: #1a0a00; }

#screen-landing .privacy-notice {
  color: #7a5a30;
  background: rgba(180,120,20,0.08);
  border-color: rgba(180,120,20,0.2);
  text-shadow: none;
  backdrop-filter: none;
}

/* ── 2. BUTTONS — one amber primary everywhere ───────────────────────────────
   Some buttons were amber, others still gold. Unify the primary action. */
.btn-primary {
  background: linear-gradient(180deg, #e8a020 0%, #c07010 100%);
  color: #fff8e8;
  box-shadow: 0 4px 18px rgba(192,112,16,0.30);
}
.btn-primary:hover,
.btn-primary:focus-visible {
  background: linear-gradient(180deg, #f5b030 0%, #d08020 100%);
  color: #fff8e8;
  box-shadow: 0 8px 26px rgba(192,112,16,0.40);
}
.btn-secondary {
  color: #a8651a;
  border-color: rgba(180,120,20,0.40);
}
.btn-secondary:hover {
  background: rgba(200,140,0,0.08);
  border-color: #c07010;
}

/* ── 3. ACCENT HARMONIZATION — retire leftover gold (#c9a84c) for amber ──────
   On the bright ground, the old manuscript-gold reads as muddy and low-contrast.
   These swaps are pure color. */
.progress-fill        { background: linear-gradient(90deg, #e8a020, #c07010); }
.tray-count           { background: #c07010; color: #fff8e8; }
.card-tray            { border-top-color: rgba(180,120,20,0.25); }
.end-stage-count      { background: #c07010; color: #fff8e8; }
.end-stage-arrow      { color: #a8651a; }
.end-stage-toggle:hover { background: rgba(192,112,16,0.14); }
.end-share-title      { color: #2a1a06; }

/* No-photo contributor placeholder — keep it on-palette on the bright card */
.screen-end-bright .figure-name-bubble { background: #f3e6c8; color: #a8651a; }
.screen-end-bright .figure-bubble-name { color: #6b4a20; }

/* ── 4. TAROT — tighten the flipped "risk" card to the approved look ──────────
   Front faces already match; this only firms up the accent edges. Card backs,
   sizing, and the 3-D flip are untouched. */
.tarot-front-risk {
  border-top-color: #c0392b;
}
.tarot-condition-name { color: #1a0a00; }
.tarot-target         { color: rgba(0,0,0,0.38); }
/* Saved / safe = the one place mint is allowed */
.tarot-front-safe,
.tarot-card.tarot-resolved .tarot-front-risk { border-top-color: #27ae60; }
.tarot-happy-text { color: #1a6630; }

/* ── 5. STAGE HEADERS — consistent eyebrow + serif title ink ─────────────────*/
.stage-eyebrow { color: #7a4a10; }
.stage-title   { color: #2a1a06; }
.stage-sub     { color: #6b4a20; }