/* ════════════════════════════════════════════════════════════════════════
   Fourseat · Desert theme
   Sunlit sand, terracotta accents, sage success, canyon-shadow dark mode.
   Loaded last sitewide so every surface shares one warm palette.
   ════════════════════════════════════════════════════════════════════════ */

:root{
  /* Raw desert palette */
  --desert-night:#1a1510;
  --desert-dune:#241e16;
  --desert-rock:#2f271d;
  --desert-sand-50:#faf6ee;
  --desert-sand-100:#f3ebdd;
  --desert-sand-200:#e8dcc6;
  --desert-sand-300:#d9c9ad;
  --desert-ink:#2a2218;
  --desert-ink-soft:#5c4f3a;
  --desert-muted:#8a7960;
  --desert-clay:#a86438;
  --desert-terracotta:#c17a4a;
  --desert-amber:#cf9152;
  --desert-sage:#5f8566;
  --desert-coral:#c4543a;
  --desert-gold:#b8924a;

  /* Remap shared tokens (desert night) */
  --fg:#f5efe3;
  --muted:#b8a990;
  --dim:#7a6e5a;
  --line:rgba(245,239,227,.08);
  --line-2:rgba(245,239,227,.14);
  --accent:#d4925c;
  --accent-2:#e0a876;
  --card-tint:rgba(212,176,130,.06);
  --card-tint-strong:rgba(193,148,96,.1);
  --p0:#d96a52;
  --p1:#d4925c;
  --p2:#c9a24e;
  --p3:#6b8f71;
  --good:#6b8f71;
}

body[data-theme='light']{
  --fg:var(--desert-ink);
  --muted:var(--desert-muted);
  --dim:#9a8868;
  --line:rgba(42,34,24,.12);
  --line-2:rgba(42,34,24,.2);
  --accent:var(--desert-clay);
  --accent-2:var(--desert-terracotta);
  --card-tint:rgba(212,186,148,.34);
  --card-tint-strong:rgba(193,159,108,.44);
  --p0:#b8452e;
  --p1:var(--desert-clay);
  --p2:var(--desert-gold);
  --p3:var(--desert-sage);
  --good:var(--desert-sage);
}

/* ── Global atmosphere ─────────────────────────────────────────────────── */
html{background:var(--desert-night)}
body{
  background:var(--desert-night);
  color:var(--fg);
}

body[data-theme='light']{
  background:
    radial-gradient(1200px 820px at 6% -8%, rgba(212,176,130,.42), transparent 58%),
    radial-gradient(980px 640px at 94% 12%, rgba(193,148,96,.26), transparent 52%),
    radial-gradient(760px 520px at 48% 105%, rgba(176,145,98,.18), transparent 62%),
    linear-gradient(180deg, var(--desert-sand-50) 0%, var(--desert-sand-100) 44%, var(--desert-sand-200) 100%);
}

body[data-theme='light']::before{
  content:'';
  position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:
    radial-gradient(900px 520px at 18% 32%, rgba(255,252,246,.38), transparent 72%),
    radial-gradient(860px 480px at 82% 68%, rgba(212,176,130,.16), transparent 70%);
}

body[data-theme='dark']::before,
body:not([data-theme='light'])::before{
  content:'';
  position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:
    radial-gradient(900px 560px at 12% -10%, rgba(212,146,92,.08), transparent 58%),
    radial-gradient(700px 480px at 88% 110%, rgba(193,122,74,.06), transparent 55%);
}

/* ── Landing (home) ────────────────────────────────────────────────────── */
:root{
  --paper:var(--desert-sand-100);
  --paper-2:var(--desert-sand-200);
  --ink:var(--desert-ink);
  --ink-soft:var(--desert-ink-soft);
  --brown:var(--desert-clay);
  --brown-2:var(--desert-terracotta);
  --brown-3:var(--desert-amber);
  --card:#1e1812;
  --card-2:#2a2218;
  --card-ink:#f5efe3;
  --card-muted:#c4b59a;
}

html:has(.lx){background:var(--desert-sand-100)}

.hx-hero{background:var(--desert-night)}
.hx-hero-scrim{
  background:
    linear-gradient(180deg, rgba(26,18,12,.62) 0%, rgba(48,32,20,.18) 28%, rgba(36,26,16,.22) 58%, rgba(243,235,221,.92) 100%);
}
.hx-marquee{
  background:linear-gradient(180deg, var(--desert-sand-100), var(--desert-sand-50));
  border-top-color:var(--line);
}
.hx-intro,.hx-strike,.hx-story,.hx-mission,.hx-final{
  background:transparent;
}
.hx-strike .hx-wrap{border-top-color:var(--line)}
.hx-final{
  background:linear-gradient(180deg, transparent, rgba(232,220,198,.45));
  border-top-color:var(--line);
}
.hx-card{
  background:linear-gradient(180deg, var(--card-2), var(--card));
  border-color:rgba(207,145,82,.1);
  box-shadow:0 28px 64px rgba(26,18,12,.28);
}
.hx-btn{background:var(--desert-ink);border-color:var(--desert-ink);color:var(--desert-sand-50)}
.hx-btn:hover{background:var(--desert-clay);border-color:var(--desert-clay);box-shadow:0 12px 30px rgba(168,100,56,.28)}
.hx-btn.ghost{color:var(--desert-ink);border-color:var(--line-2)}
.hx-btn.ghost:hover{background:var(--desert-ink);color:var(--desert-sand-50)}

body[data-theme='light'] nav.hx-scrolled{
  background:rgba(250,246,238,.86);
  border-color:var(--line);
  box-shadow:0 8px 32px rgba(42,34,24,.08);
}

/* ── Nav & footer (shared) ───────────────────────────────────────────────── */
body[data-theme='light'] nav{
  background:rgba(250,246,238,.72);
  border-color:var(--line);
  box-shadow:0 4px 24px rgba(42,34,24,.06);
}
body[data-theme='light'] .brand-word{color:var(--desert-clay)}
body[data-theme='light'] .nav-cta{
  background:var(--desert-ink);color:var(--desert-sand-50);
}
body[data-theme='light'] .nav-cta:hover{background:var(--desert-clay)}

nav{
  background:rgba(36,30,22,.55);
  border-color:rgba(245,239,227,.1);
}

footer{
  border-top-color:var(--line);
}
body[data-theme='light'] footer{
  border-top-color:var(--line);
}
body[data-theme='light'] .footer-bottom{border-top-color:var(--line)}

.status-dot{background:var(--desert-sage);box-shadow:0 0 0 4px rgba(95,133,102,.18)}
.toast.ok{border-color:rgba(95,133,102,.45);color:var(--desert-sage)}

/* ── Oracle page tokens ──────────────────────────────────────────────────── */
body[data-theme='light']{
  --bg:var(--desert-sand-100);
  --bg-2:var(--desert-sand-200);
  --bg-3:var(--desert-sand-300);
}

body[data-theme='dark'],
body:not([data-theme='light']){
  --bg:var(--desert-night);
  --bg-2:var(--desert-dune);
  --bg-3:var(--desert-rock);
}

body.demo-site,
body.marketing-subpage{
  color:var(--fg);
}
body.demo-site[data-theme='light'],
body.marketing-subpage[data-theme='light']{
  --fg:#2a2218;
  --muted:#7a6b54;
  --dim:#9a8868;
  --line:rgba(42,34,24,.12);
  --line-2:rgba(42,34,24,.2);
  --accent:#a86438;
  --accent-2:#c17a4a;
}


/* ── Cards, glass, buttons (sitewide polish) ─────────────────────────────── */
body[data-theme='light'] .glass-card,
body[data-theme='light'] .feature-card,
body[data-theme='light'] .price-card,
body[data-theme='light'] .hero-card{
  background:rgba(255,252,246,.78);
  border-color:var(--line);
}
body[data-theme='light'] .btn-hero-primary,
body[data-theme='light'] .btn-primary,
body[data-theme='light'] .nav-cta{
  background:var(--desert-ink);
}
body[data-theme='light'] .btn-hero-primary:hover,
body[data-theme='light'] .btn-primary:hover{
  background:var(--desert-clay);
}
body[data-theme='light'] .btn-hero-secondary{
  background:rgba(42,34,24,.04);
  border-color:var(--line-2);
  color:var(--desert-ink);
}