/* Shared Moonstone material: flat night surfaces, thin borders, moon-white pill buttons.
   Loaded by the site (layout.tsx) and by the standalone wiki, so it carries its own values and fonts. */
@font-face { font-family:'Moonstone Exo'; src:url('/fonts/Exo2-Variable.woff2') format('woff2'); font-weight:100 900; font-style:normal; font-display:swap; }
:root {
  --ms-blue:#b9c2ff;
  --ms-lavender:#c9c3ff;
  --ms-night:#07080c;
  --ms-gradient:linear-gradient(120deg,#b9c2ff,#c9c3ff);
  --ms-surface:#121319;
  --ms-raised:#16171e;
  --ms-edge:rgba(255,255,255,.1);
  --ms-depth:none;
}
body .fivem-frame {
  --moon-panel:#121319; --moon-border:rgba(255,255,255,.1);
  --text-secondary:#b3b1be; --text-muted:#85838f;
  background:#07080c;
}
body .fivem-frame .fivem-content :is(.rp-travel-card,.rp-service,.portal-signin,.portal-guide,.portal-task,.portal-activity,.membership-card,.store-extra,.rules-index,.rules-chapter,.access-card,.staff-queue-count,.bg-card),
body .fivem-frame .fivem-content :is(.rp-start article,.about-story>div,.support-options>button,.application-steps>div,.forum-categories>a),
body .fivem-frame .fivem-content :is([class*="bg-panel"],[class*="bg-[var(--moon-panel)]"]):is([class*="rounded"],[class*="border"]) {
  background:var(--ms-surface); border-color:var(--ms-edge); box-shadow:none;
}
body .fivem-frame .fivem-content :is(.rp-travel-card,.membership-featured,.portal-signin) { background:var(--ms-raised); border-color:rgba(255,255,255,.16); box-shadow:none; }
body .fivem-frame .fivem-content :is(.rp-service,.portal-task,.support-options>button,.forum-categories>a) { transition:background .25s,border-color .25s,transform .25s; }
body .fivem-frame .fivem-content :is(.rp-service,.portal-task,.support-options>button,.forum-categories>a):hover { background:#17181f; border-color:rgba(255,255,255,.22); transform:translateY(-2px); }
body .fivem-frame .fivem-content .access-explore { background:#0f1016; }
body .fivem-frame .fivem-content .rules-chapter>header { background:var(--ms-raised); border-color:rgba(255,255,255,.08); }
body .fivem-frame .fivem-content :is(.rp-icon-tile,.rp-service>svg,.support-options>button>svg) {
  color:#eceaf2; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); box-shadow:none;
}
body .fivem-frame :is(.rp-kicker,.portal-role) { color:#9391a0; }
body .fivem-frame .rp-state { color:#eceaf2; }
body .fivem-frame .rp-hero h1 em { background:none; color:inherit; -webkit-text-fill-color:currentColor; }
body .fivem-frame :is(.rp-primary,.btn-primary,.btn-grad),
body .studio-button {
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  background:#eceaf2; color:#0b0b10; text-shadow:none; border:1px solid transparent; box-shadow:none;
  border-radius:999px; font-weight:500; transition:background .25s,transform .25s;
}
body .fivem-frame :is(.rp-primary,.btn-primary,.btn-grad):hover,body .studio-button:hover { background:#fff; color:#0b0b10; transform:translateY(-1px); }
body .fivem-frame :is(.rp-primary,.btn-primary,.btn-grad):active,body .studio-button:active { transform:translateY(0); }
body .fivem-frame :is(.rp-text-link,.portal-task-link,.portal-store-link) { color:#c6c4d0; }
body .fivem-frame .fivem-content .gov-portal>div:first-child { background:var(--ms-surface)!important; box-shadow:none; border-color:var(--ms-edge); }
body .staff-rail { background:#0d0e14; border-color:rgba(255,255,255,.08); box-shadow:none; }
body .staff-rail nav a[aria-current=page] { background:rgba(255,255,255,.07); color:#eceaf2; box-shadow:none; }
body .staff-canvas { background:#0d0e14; border-color:rgba(255,255,255,.08); }
body .fivem-frame :is(.staff-canvas th,th) { background:#15161d; }
body .fivem-frame input:not([type=checkbox]):not([type=radio]),body .fivem-frame textarea,body .fivem-frame select { background:#0b0c11; border-color:rgba(255,255,255,.14); box-shadow:none; }
body .fivem-frame :is(.store-future li,.portal-role) { background:rgba(255,255,255,.03); border-color:var(--ms-edge); }

/* Same material inside the standalone wiki, without changing its data or layout. */
body.moonstone-wiki { background:#07080c; --border:rgba(255,255,255,.1); --text:#b3b1be; --text-bright:#eceaf2; --moon-blue:#b9c2ff; --moon-lavender:#c9c3ff; --moon-material:linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.08)); --moon-grad:var(--moon-material); --moon-grad-text:linear-gradient(#eceaf2,#eceaf2); --material-shadow:none; --font-body:'Moonstone Exo',system-ui,sans-serif; --font-display:'Moonstone Exo',system-ui,sans-serif; --font-mono:'Moonstone Exo',system-ui,sans-serif; font-family:var(--font-body); font-synthesis:none; text-shadow:none; }
body.moonstone-wiki * { text-shadow:none!important; }
body.moonstone-wiki .main { background:#07080c; }
body.moonstone-wiki :is(.sidebar,.sidebar-head,.wiki-mobile-topbar) { background:#0d0e14; border-color:rgba(255,255,255,.08); }
body.moonstone-wiki :is(.home-card,.home-card:nth-child(3n),.home-card:nth-child(3n+2),.office-card,.dept-card,.biz-card,.family-card) { background:var(--ms-surface); border-color:var(--ms-edge); box-shadow:none; }
body.moonstone-wiki .home-card:hover { background:#17181f; border-color:rgba(255,255,255,.22); }
body.moonstone-wiki .home-card::before { background:rgba(255,255,255,.05); color:#eceaf2; box-shadow:none; border:1px solid rgba(255,255,255,.1); }
body.moonstone-wiki :is(h1,h2,h3,.page-header h1,.hero h1) { font-family:'Moonstone Exo',system-ui,sans-serif; font-weight:400; letter-spacing:-.01em; text-transform:none; color:#eceaf2; background:none; -webkit-text-fill-color:currentColor; }
body.moonstone-wiki :is(.page-eyebrow,.home-card-label) { color:#9391a0; }
body.moonstone-wiki .home-card-arrow { background:rgba(255,255,255,.06)!important; border:1px solid rgba(255,255,255,.14)!important; box-shadow:none!important; color:#eceaf2!important; text-shadow:none!important; border-radius:999px; }
body.moonstone-wiki :is(.nav-item.active,.nav-item.current) { background:rgba(255,255,255,.07); color:#eceaf2; box-shadow:none; }
body.moonstone-wiki input,body.moonstone-wiki textarea,body.moonstone-wiki select { background:#0b0c11; border-color:rgba(255,255,255,.14); }
body.moonstone-wiki .content table { background:var(--ms-surface); }
body.moonstone-wiki .hero::before,body.moonstone-wiki .hero::after { animation:none!important; }
@media(prefers-reduced-motion:reduce) { body .studio-button,body .fivem-frame .fivem-content :is(.rp-service,.portal-task) { transform:none!important; transition:none; } }