/* Blend edition: the Wilds' type, rhythm and calm, with the original's clarity.
   Layered after the Wilds stylesheets (home: sites/wilds/style.css; pages: wilds/wilds.css + page CSS).
   Three moves:
   1. a quiet background — the original's warm off-white, with only a whisper of air;
   2. crisp near-white solid cards with a clear hairline edge;
   3. confident colour in the card images — the original's tint families, slightly deepened. */
:root{
  --parchment:#f2efe6;          /* the original page ground */
  --card:#fffdf6;               /* the original card white */
  --line:#dcd6c6;
  --line-strong:#cfc8b5;
  --pane:#fffdf6;--pane-solid:#fffdf6;
  --sky-top:#eceee6;--sky-mid:#f1efe6;
  --lift-shadow:0 1px 2px rgba(41,44,40,.05),0 14px 30px -22px rgba(41,44,40,.28);
  --rest-shadow:0 1px 2px rgba(41,44,40,.05);
  /* Slightly deeper text tones: Wilds greys were tuned for haze, the ground is now whiter. */
  --ink-2:#434d47;--ink-3:#545c54;--earth:#66552b;
}
html,body{background:var(--parchment)}

/* ---------- 1. Background: the original's ground with a whisper of air ---------- */
.sky,.wilds-sky{background:linear-gradient(180deg,#eceee6 0%,var(--parchment) 38%,var(--parchment) 100%)}
.sky .glow,.wilds-sky .glow{opacity:.22!important;animation:none}
.sky .haze,.wilds-sky .haze{display:none}
.sky .motes,.wilds-sky .mote{display:none}
.wilds-chrome{background:rgba(255,253,246,.6);border-bottom-color:var(--line)}

/* ---------- 2. Cards and panes: clear white, crisp hairline ---------- */
.w-pane,.panel,.skill-tree,.specimen,.island,.ability,.bubble-body,.argument-node,.skill-node,.earned,.question-pin{
  background:var(--card);border:1px solid var(--line);backdrop-filter:none;box-shadow:var(--rest-shadow)}
.panel,.skill-tree{box-shadow:var(--rest-shadow)}
.note,.feedback{background:#f7f3e7}
.btn,.w-btn{background:var(--card);border-color:var(--line-strong)}
.btn:hover,.w-btn:hover{background:#fff;border-color:#b9b19b}
.btn.primary,.w-btn.primary{background:var(--ink);border-color:var(--ink)}
textarea,select{background:#fff;border-color:var(--line-strong)}
kbd,.w-kbd{background:#fff;border-color:var(--line-strong)}
.reply-options button{background:var(--card);border-color:var(--line)}
.reply-options button:hover{background:#fff;border-color:#b9b19b}
.book-spine button:hover{background:#faf6ea}
.book-spine button.active{background:var(--card);box-shadow:inset 2px 0 0 var(--cyan-deep),var(--rest-shadow)}
.island:hover{background:#fff}
.specimen:hover,.specimen:focus-within{box-shadow:var(--lift-shadow)}
.skill-node.used{background:#fff}
.earned{border-color:#e2cf9f;background:linear-gradient(180deg,#fbf2da,var(--card))}
.question-pin{background:#fbf5e3;border-color:#e3d6b0}

/* Dialogue: the original's clear voice colours */
.bubble.theo .bubble-body{background:#e3eaf0;border-color:#cfdae4}
.bubble.you .bubble-body{background:#354a6b;color:#fff;border-color:#354a6b}

/* Atlas: clearer lands, white stops */
.map-land{background:radial-gradient(ellipse at 25% 35%,#e3ebd0 0%,transparent 55%),#e9eee0;border:1px solid #cdd9c0;box-shadow:none}
.map-land.books{background:radial-gradient(ellipse at 25% 35%,#eadcba 0%,transparent 55%),#efe9dc;border-color:#ddd0b6}
.island{background:#fffdf6;border-color:#c9d6bd}
.island.active{background:#2f4a3a;color:#fff;border-color:#2f4a3a}

/* Workbench: the instrument returns to the original deep green, lit in Wilds gold */
.bench-screen{background:linear-gradient(180deg,#27392f,#22322a);color:#dde8d5;border:1px solid #1d2b24;box-shadow:0 18px 36px -26px rgba(20,32,26,.6)}
.bench-screen::before{background:radial-gradient(closest-side,rgba(231,201,146,.16),rgba(231,201,146,0))}
.bench-screen .eyebrow,.bench-screen .readouts .small,.bench-caption{color:#b9c8b3}
.bench-screen text{fill:#c9d6c2}
.bench-screen .readouts{border-top-color:rgba(221,232,213,.18)}
.bench-screen .readouts strong{color:#f4efdc}
.bench-screen [stroke="#8ba88f"]{stroke:#9db695;stroke-opacity:.7}
.bench-screen [fill="#d7dfb7"],.bench-screen [fill="#d8dfb8"]{fill:#e7cf94}
.bench-screen [stroke="#d8dfb8"]{stroke:#e7cf94}
.bench-screen [fill="#9bba93"],.bench-screen [fill="#9db695"]{fill:#9db695}
.bench-screen [stroke="#eab277"]{stroke:#eab277}
.bench-screen [stroke="#a7bda0"]{stroke:#a7c9c4}
.bench-screen [stroke="#e1c893"]{stroke:#e7cf94}
.bench-screen [fill="#23352e"]{fill:#1a2721}
.bench-screen [fill="#eac68b"]{fill:#f0cf8e;filter:drop-shadow(0 0 3px rgba(247,226,173,.6))}
.bench-screen [stroke="#d0de9c"]{stroke:#7fd6ea;stroke-opacity:.8}
.bench-screen [stroke="#718876"]{stroke:#8fa58c}
.bench-screen [stroke="#e8b174"]{stroke:#eab277}
.bench-screen [fill="#f0e5bd"]{fill:#f4efdc}

/* ---------- 3. Home: white cards, confident colour in each image ---------- */
.blend-home .card{background:var(--card);border:1px solid var(--line);box-shadow:var(--rest-shadow);border-radius:12px}
.blend-home .card:hover,.blend-home .card:focus-visible{background:#fff;box-shadow:var(--lift-shadow);border-color:var(--line-strong)}
.blend-home .preview{border-radius:11px 11px 0 0;background:var(--pv-bg)!important}
.blend-home .preview::after{opacity:calc(.35*var(--pv-glow,1))}
.blend-home .card:hover .preview::after,.blend-home .card:focus-visible .preview::after{opacity:calc(.7*var(--pv-glow,1))}
.blend-home .copy{border-top:1px solid var(--line)}
.blend-home .grid-head{border-bottom-color:var(--line)}
.blend-home .routes{border-top-color:var(--line)}

/* Per-card colour identity: background, line, accent, soft fill, label */
.blend-home .card:nth-child(1){--pv-bg:linear-gradient(180deg,#2b3f33,#223229);--pv-ink:#e7cf94;--pv-line:#dce9c4;--pv-accent:#f0c86a;--pv-soft:#9db695;--pv-dot:#223229;--pv-label:#eef1dc;--pv-glow:.35}
.blend-home .card:nth-child(2){--pv-bg:linear-gradient(180deg,#c8d7bc,#dde6d1);--pv-ink:#3d5e47;--pv-line:#2f4a3a;--pv-accent:#c98a2e;--pv-soft:#9fb893;--pv-dot:#fffdf6;--pv-label:#2a3a2f}
.blend-home .card:nth-child(3){--pv-bg:linear-gradient(180deg,#e4cdb0,#efe0cb);--pv-ink:#7a4634;--pv-line:#5c3526;--pv-accent:#a4561f;--pv-soft:#d9b48e;--pv-dot:#fffdf6;--pv-label:#4f2e22}
.blend-home .card:nth-child(4){--pv-bg:linear-gradient(180deg,#c9d4ef,#dfe5f5);--pv-ink:#31436c;--pv-line:#2a3a5e;--pv-accent:#c98a2e;--pv-soft:#a9b8e0;--pv-soft2:#f0d49b;--pv-dot:#fffdf6;--pv-label:#26345a}
.blend-home .card:nth-child(5){--pv-bg:linear-gradient(180deg,#d8cae7,#e7dff0);--pv-ink:#675575;--pv-line:#4f3f5d;--pv-accent:#8a4fa3;--pv-soft:#bfaed0;--pv-dot:#fffdf6;--pv-label:#43354f}
.blend-home .card:nth-child(6){--pv-bg:linear-gradient(180deg,#e7c47e,#efd59f);--pv-ink:#4a3f2e;--pv-line:#3d3325;--pv-accent:#9a5a1c;--pv-soft:#f5e3b8;--pv-dot:#fffdf6;--pv-label:#3a3022}
.blend-home .card:nth-child(7){--pv-bg:linear-gradient(180deg,#244248,#1d363b);--pv-ink:#a9dcd4;--pv-line:#d7ece7;--pv-accent:#e7cf94;--pv-soft:#5d8f93;--pv-dot:#1d363b;--pv-label:#e6f1ec;--pv-glow:.35}
.blend-home .card:nth-child(8){--pv-bg:linear-gradient(180deg,#f0c6a4,#f6dbc3);--pv-ink:#8a3f22;--pv-line:#6b2f19;--pv-accent:#c2532a;--pv-soft:#e8a883;--pv-dot:#fffdf6;--pv-label:#5a2a16}

/* Map every hardcoded motif colour onto the card's own palette */
.blend-home .preview svg.bg ellipse{fill:var(--pv-soft)}
.blend-home .preview [stroke="#27312c"]{stroke:var(--pv-line)}
.blend-home .preview [fill="#27312c"]{fill:var(--pv-line)}
.blend-home .preview [stroke="#5f7658"],.blend-home .preview [stroke="#5d8f93"],.blend-home .preview [stroke="#6b5a2e"]{stroke:var(--pv-ink)}
.blend-home .preview [fill="#5f7658"],.blend-home .preview [fill="#5d8f93"]{fill:var(--pv-ink)}
.blend-home .preview [stop-color="#5d8f93"]{stop-color:var(--pv-ink)}
.blend-home .preview [stop-color="#c9a15a"],.blend-home .preview [fill="#c9a15a"]{stop-color:var(--pv-accent);fill:var(--pv-accent)}
.blend-home .preview [fill="#fbf6e6"]{fill:var(--pv-dot)}
.blend-home .preview [fill="#a9c3bf"]{fill:var(--pv-soft)}
.blend-home .preview [fill="#e7c992"]{fill:var(--pv-soft2,var(--pv-soft))}
.blend-home .preview [fill="#fffaf0"]{fill:#fffdf6;fill-opacity:1}
.blend-home .preview .pv-label,.blend-home .preview .pv-caps{fill:var(--pv-label)}
/* Keepsake chips and labels sit on white, so they keep dark ink */
.blend-home .preview g .pv-label{fill:#3a3022}

/* Argument steps keep their Wilds left-rule logic: solid for claims, dashed and open for what's still possible */
.argument-node{border-left:2px solid var(--accent)}
.argument-node.maybe{background:transparent;border:0;border-left:1px dashed var(--accent);box-shadow:none}
.wilds-sky,.sky{overflow:hidden}