/* Solarpunk — the hopeful, daylight counterpoint to the neon/HUD-leaning
   packs. Warm sun-gold/leaf-green/terracotta on a cream/paper ground,
   organic rounded shapes, plant/vine decorative accents. Nods toward CF's
   own solarpunk framing via palette/motif only — no CF logo/wordmark or
   other literal brand asset reuse.

   Contrast: cream/paper grounds are exactly where this is easy to get
   wrong (per the task brief), so --text/--text-2/--muted were verified
   against all three grounds with the standard relative-luminance formula
   at full body-text WCAG rigor. Worst case is --muted vs --bg3 at 5.37:1,
   clearing the >=4.5:1 AA bar with real margin (an earlier --muted draft
   at #6b6040 only cleared bg3 at 4.90:1 — darkened to #655a3c for a safer
   margin). --danger vs --danger-dark is 4.70:1, clearing the TOKEN
   CONTRACT bar in theme.css (an earlier --danger/--danger-dark pair at
   #c0392b/#3a0f08 only measured 3.08:1 and was brightened/darkened
   respectively to pass).
   See: circuitforge-plans/vaportrade-clone/superpowers/specs/
   2026-08-13-ui-redesign-design.md §3 "Theme-pack roadmap". */
/* Tachyo + Bitcount (2026-09-02, swapped in from Nunito via the
   font-gallery-generator drag-and-drop tool's exported picks). Both SIL
   OFL. Bitcount is shared with neon-casino.css's own --font-mono pick --
   same duplicated-@font-face-per-pack convention as VT323/Cairopixel
   elsewhere in this app. */
@font-face{
  font-family:"Tachyo";
  src:url("/vaportrade/static/fonts/tachyo/Tachyo-Regular.woff2") format("woff2");
  font-weight:400;
  font-display:swap;
}
@font-face{
  font-family:"Bitcount";
  src:url("/vaportrade/static/fonts/bitcount/Bitcount-Regular.woff2") format("woff2");
  font-weight:400;
  font-display:swap;
}
[data-theme="solarpunk"]{
  --bg:#f5efdc; --bg2:#fffbf0; --bg3:#ede4c8; --border:#c9b892;
  --text:#2e2a1a; --text-2:#4a4020; --muted:#655a3c;
  --accent-1:#4d7c3f; --accent-2:#d99a2b; --accent-3:#c1613b;
  --success:#3f8f4f; --danger:#e0503a; --danger-dark:#2a0a05; --warning:#b8860b;
  --font-display:"Tachyo",sans-serif;
  --font-mono:"Bitcount",monospace;
  --font-h2:"Bitcount",monospace;
  --font-size-display:2rem; --font-size-mono:1rem; --font-size-h2:1.5rem;
}
/* Warm title gradient — leaf-green through sun-gold to terracotta. */
[data-theme="solarpunk"] h1 .grad{
  background:linear-gradient(90deg,var(--accent-1),var(--accent-2),var(--accent-3));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
/* 2026-08-28 button glow-up, revised same day per live report: "the new
   button we added across the board doesn't play nice with light themes
   (see solarpunk)". The universal near-black --btn-fill (theme.css)
   reads as a punchy CTA on every dark pack, but on this pack's cream/
   paper ground it does the opposite of what the glow-up was FOR --
   a stark near-black pill dropped onto a warm pastel page is exactly
   the generic-AI-app tell Alan's original ask ("they look too much
   like every other first-pass AI app") was trying to get away from.
   Solid --accent-1 (leaf green) fill instead -- still unmistakably a
   CTA, but pulled from this pack's own palette instead of a fixed
   dark literal, so it reads as part of the theme. Cream text verified
   at 4.55:1 against accent-1, clearing the >=4.5:1 AA bar (WCAG
   relative-luminance formula, same method as this file's other
   contrast checks). The animated gradient border (theme.css) keeps
   running underneath -- still visible at the button's edge, not lost
   just because the fill is no longer near-black. */
[data-theme="solarpunk"] button:not(.ghost):not(.danger):not(.dice-roll):not(.app-nav-toggle){
  --btn-fill:var(--accent-1);
  color:#fbf6e6;
  box-shadow:0 3px 10px rgba(77,124,63,.35);
}
/* Organic rounded panels — softer, more irregular-reading radius than the
   base 14px/12px theme.css default; asymmetric top-left/bottom-right
   rounding reads less "geometric app card," more "leaf/pebble" without
   needing any extra markup. */
[data-theme="solarpunk"] .card,
[data-theme="solarpunk"] .tile:not(.tile-promoted){
  border-radius:22px 14px 22px 14px;
  box-shadow:0 2px 10px rgba(77,124,63,.12);
}
/* Vine accent — a thin leaf-green top border plus a small vine/leaf SVG
   watermark bottom-right, same low-opacity no-markup-change trick as
   archnix-catboi.css's paw print. */
[data-theme="solarpunk"] .card{
  position:relative;
  border-top:3px solid var(--accent-1);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%234d7c3f' stroke-opacity='0.25' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M8 56 C20 40,20 24,44 8'/%3E%3Cpath d='M20 44 C26 40,30 34,30 28'/%3E%3Cpath d='M32 26 C38 24,42 20,44 14'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:bottom 4px right 4px;
  background-size:40px 40px;
}
/* 🌿 section-heading accent, same divider pattern as the other packs. */
[data-theme="solarpunk"] h2{
  display:flex;align-items:center;gap:6px;
}
[data-theme="solarpunk"] h2::before{content:"🌿";font-size:.85em}
[data-theme="solarpunk"] .chip.on{
  background:rgba(217,154,43,.22);border-color:var(--accent-2);color:var(--text);
}