/* ============================================================================
   theme.css — Glazimo palette (the only design file a site rewrites). Colours come
   from design/tokens/glazimo.tokens.json, the same source as the app: warm Paper
   and Ink neutrals with the kiln-copper accent #8C5038. The accent reads 6.7:1 on
   white, so it doubles as --accent-text; in dark mode the lighter #DCA991 does.
   ============================================================================ */

/* ---- light ---- */
:root,
[data-theme="light"] {
  --bg:#faf9f5; --bg-2:#f0eee6; --surface:#ffffff;
  --text:#141413; --text-soft:#5f5b55;
  --accent:#8c5038; --accent-2:#a8694f; --accent-ink:#ffffff;
  --accent-text:#8c5038;
  --line:#e6e2d8;
  --verified:#2f7a52; --caution:#9a6a1c; --caution-text:#7d5412;
  --halo: radial-gradient(58% 55% at 80% -10%,
            color-mix(in oklab, var(--accent) 14%, transparent), transparent 70%);
}

/* ---- dark (warm, kiln-dark palette) ---- */
[data-theme="dark"] {
  --bg:#1a1614; --bg-2:#221d1a; --surface:#262422;
  --text:#efeeec; --text-soft:#b3aca4;
  --accent:#dca991; --accent-2:#e6bda9; --accent-ink:#1a1614;
  --accent-text:#dca991;
  --line:#3a3330;
  --verified:#8fcaa6; --caution:#d9b36a; --caution-text:#e0bd79;
  --chip-bg:#2c2623;
  --halo: radial-gradient(58% 55% at 80% -10%,
            color-mix(in oklab, var(--accent) 20%, transparent), transparent 72%);
}

/* Follow the OS when the document hasn't pinned a theme via [data-theme]. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --bg:#1a1614; --bg-2:#221d1a; --surface:#262422;
    --text:#efeeec; --text-soft:#b3aca4;
    --accent:#dca991; --accent-2:#e6bda9; --accent-ink:#1a1614;
    --accent-text:#dca991;
    --line:#3a3330;
    --verified:#8fcaa6; --caution:#d9b36a; --caution-text:#e0bd79;
    --chip-bg:#2c2623;
    --halo: radial-gradient(58% 55% at 80% -10%,
              color-mix(in oklab, var(--accent) 20%, transparent), transparent 72%);
  }
}

/* ---- launch swap (the dual-platform CTA standard, see apps/kestrove/website theme.css).
   Every block that says anything about availability carries data-launch="{{launchState}}",
   resolved by build.mjs from app.toml [store] app_store_url / play_store_url, so the wording
   and the store links flip together at launch. Keep these rules last. ---- */
.hero-actions .launch-live,.hero-actions .launch-prelaunch{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}
[data-launch="prelaunch"] .launch-live{display:none}
[data-launch="live"] .launch-prelaunch{display:none}
[data-store-badge="prelaunch"],[data-store-badge="absent"]{display:none}