/*
 * AXO bespoke dark-mode enforcement layer.
 * Loaded after page-specific styles so every product keeps neutral charcoal fills
 * while lime, cyan, pink, violet, amber and red remain meaningful accents.
 */
:root {
  color-scheme: dark;
  --bg: #090a0b !important;
  --panel: #121416 !important;
  --panel-2: #181b1e !important;
  --line: #2b3033 !important;
  --line-soft: #202427 !important;
  --muted: #a7b0ac !important;
  --surface-page: #090a0b;
  --surface-section: #0e1012;
  --surface-raised: #14171a;
  --surface-elevated: #1a1d20;
  --admin-panel: #141719 !important;
  --board-panel: #121517 !important;
  --g-bg: #08090a !important;
  --g-panel: rgba(20,23,25,.9) !important;
  --h-bg: #0a0b0c !important;
  --h-panel: #141719 !important;
  --h-panel-2: #1a1e21 !important;
  --pm-bg: #08090a !important;
  --pm-panel: #111315 !important;
  --pm-panel-2: #171a1d !important;
  --ref-bg: #08090a !important;
  --ref-card: #121517 !important;
  --rr-card: rgba(18,21,24,.92) !important;
  --rr-card-2: rgba(25,28,31,.88) !important;
  --start-panel: rgba(18,21,23,.92) !important;
  --stock-panel: #131618 !important;
  --tr-bg: #08090a !important;
  --tr-panel: #131618 !important;
  --tr-deep: #0b0d0f !important;
}

html { background: #070809 !important; }
body:not(.migration-preview) {
  background:
    radial-gradient(circle at 82% 7%,rgba(167,119,255,.07),transparent 25%),
    radial-gradient(circle at 8% 33%,rgba(68,231,240,.045),transparent 24%),
    radial-gradient(circle at 62% 88%,rgba(214,255,77,.028),transparent 30%),
    linear-gradient(155deg,#08090a 0%,#0d0f11 53%,#090a0c 100%) !important;
  background-attachment: fixed !important;
}

/* All card-like application surfaces share one readable frosted foundation. */
body :where(
  [class~="card"],
  [class$="-card"],
  [class*="-card "],
  [class$="-panel"],
  [class*="-panel "],
  [class$="-board"],
  [class*="-board "],
  [class$="-console"],
  [class*="-console "],
  [class$="-studio"],
  [class*="-studio "],
  .campaign-market,
  .home-trading-results,
  .home-token-metrics > article,
  .live-grid > article,
  .tool-metrics > article,
  .dashboard-kpis > article,
  .market-state-grid > article,
  .chain-flow-kpis > article,
  .reward-headline-metrics > article,
  .allocation-kpis > div,
  .admin-market-status > article,
  .rr-token-facts > span,
  .ownership-grid > article,
  .lineage-grid > article,
  .loop-grid > article,
  .catalog-stack > article,
  .community-list > article
):not(.home-pet-journey-card) {
  background: radial-gradient(circle at 100% 0,rgba(214,255,77,.055),transparent 43%),rgba(18,20,22,.90) !important;
  -webkit-backdrop-filter: blur(18px) saturate(115%) !important;
  backdrop-filter: blur(18px) saturate(115%) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.055),inset 0 0 0 1px rgba(214,255,77,.06),0 18px 46px rgba(0,0,0,.26) !important;
}

/* Slightly lighter nested/readout surfaces make dense dashboards scan cleanly. */
body :where(
  [class$="-topbar"],
  [class*="-topbar "],
  [class$="-toolbar"],
  [class*="-toolbar "],
  [class$="-tabs"],
  [class*="-tabs "],
  [class$="-strip"],
  [class*="-strip "],
  [class$="-drawer"],
  [class*="-drawer "],
  [class$="-rail"],
  [class*="-rail "]
) {
  background: rgba(15,17,19,.9) !important;
}
body :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  select,
  textarea,
  pre
) { background-color: rgba(9,10,12,.9) !important; }
body :where(table, table thead, table th) { background-color: #121518 !important; }

/* Large route-specific fills that previously cast a green wash over the page. */
body :where(
  .tr-hero,
  .admin-hero,
  .stock-lab-hero,
  .aa-main,
  .rewards-profile-header,
  .market-dashboard,
  .reward-headline-metrics,
  .token-data-lab,
  .reward-potential-lab,
  .axo-intelligence-deck,
  .position-command,
  .home-passport,
  .home-access > article,
  .home-toolkit-summary,
  .home-hatchery-summary,
  .home-services-summary
) {
  background: radial-gradient(circle at 92% 4%,color-mix(in srgb,var(--surface-accent,var(--acid,#d6ff4d)) 7%,transparent),transparent 34%),radial-gradient(circle at 7% 100%,rgba(68,231,240,.035),transparent 32%),linear-gradient(145deg,#171a1d,#0d0f11) !important;
}

.position-map-body,
.radar-map-body,
.momentum-treemap {
  background: linear-gradient(rgba(68,231,240,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(68,231,240,.026) 1px,transparent 1px),radial-gradient(circle at 78% 24%,rgba(214,255,77,.045),transparent 32%),#101214 !important;
}
.position-map-body { background-size: 10% 10%,10% 10%,auto,auto !important; }

.smart-hero-copy { background: linear-gradient(90deg,#111315 72%,transparent) !important; }
.rr-top-shade,
.epoch-hero-shade { background: linear-gradient(90deg,rgba(9,10,11,.96),rgba(9,10,11,.55) 52%,rgba(9,10,11,.12)) !important; }
body.start-flow-page::after { background: linear-gradient(180deg,rgba(8,9,10,.16),rgba(8,9,10,.44)),radial-gradient(circle at 50% 52%,rgba(20,23,25,.04),rgba(8,9,10,.64) 100%) !important; }

.home-services {
  background: radial-gradient(circle at 8% 30%,rgba(214,255,77,.045),transparent 25%),radial-gradient(circle at 94% 5%,rgba(68,231,240,.055),transparent 29%),#0e1012 !important;
}
.home-reward-portfolio {
  background: radial-gradient(circle at 12% 4%,rgba(214,255,77,.06),transparent 30%),radial-gradient(circle at 88% 72%,rgba(68,231,240,.055),transparent 32%),linear-gradient(180deg,#0a0b0c,#111315 52%,#090a0b) !important;
}
.home-tool-grid,
.tool-intent-launcher,
.home-utility-router { background: linear-gradient(120deg,rgba(18,21,24,.9),rgba(13,15,17,.86)) !important; }
.home-tool-grid > a { background: rgba(18,20,23,.52); }
.home-tool-grid > a:nth-child(4n+2),
.home-tool-grid > a:nth-child(4n+3) { background: rgba(24,27,30,.58); }
.home-service-grid > a,
.home-hatchery-grid article,
.home-passport-proof article,
.home-reward-option {
  background: radial-gradient(circle at 100% 0,rgba(68,231,240,.04),transparent 43%),rgba(20,23,26,.9) !important;
}
.home-service-grid > a:nth-child(3n+2),
.home-hatchery-grid article:nth-child(3n+2),
.home-passport-proof article:nth-child(3n+2),
.home-reward-option:nth-child(3n+2) {
  background: radial-gradient(circle at 100% 0,rgba(255,159,189,.04),transparent 43%),rgba(24,27,30,.9) !important;
}

.campaign-quick-swap,
.campaign-contract,
.campaign-market,
.campaign-reward-benefit,
.buybot-token,
.buybot-live-metrics,
.buybot-flow article,
.buybot-boundary,
.buybot-setup li {
  background: radial-gradient(circle at 100% 0,rgba(214,255,77,.05),transparent 42%),rgba(18,20,22,.91) !important;
  -webkit-backdrop-filter: blur(18px) saturate(115%);
  backdrop-filter: blur(18px) saturate(115%);
}
.campaign-quick-swap > label,
.campaign-swap-output,
.home-swap-links .campaign-buy,
.home-passport-form > div,
.home-pet-journey-path span { background: rgba(25,28,31,.82) !important; }
.campaign-reward-progress-track,
.campaign-curve-track,
.buybot-curve-track { background: #202428 !important; }

.portal-nav,
.home-page .portal-nav,
.pet-nav {
  background: radial-gradient(circle at 78% -70%,rgba(214,255,77,.07),transparent 38%),rgba(9,10,11,.94) !important;
  border-bottom-color: rgba(214,255,77,.14) !important;
  -webkit-backdrop-filter: blur(20px) saturate(120%);
  backdrop-filter: blur(20px) saturate(120%);
}
.portal-footer,
.pet-footer { background: #0b0d0f !important; }

@media(max-width:860px) {
  .pet-nav nav { background: rgba(12,14,16,.98) !important; }
}