@charset "UTF-8";

/* Shared page surface below hero — body--guias-hero (Wiki tone).
   Tokens alias apex-bronze-theme (--mmo-*) + guias-wiki panel ink. */

html:has(body.body--guias-hero) {
  background-color: #0c0b0a;
  color-scheme: dark;
}

body.body--guias-hero {
  --page-bg: var(--mmo-black, #0c0b0a);
  --page-bg-1: var(--mmo-black-1, #17120b);
  --page-panel: rgba(12, 11, 10, 0.78);
  --page-panel-strong: rgba(12, 11, 10, 0.88);
  --page-panel-row: rgba(12, 11, 10, 0.55);
  --page-panel-hover: rgba(22, 18, 12, 0.82);
  --page-border: var(--mmo-bronze, #7b5b2d);
  --page-border-soft: rgba(212, 175, 55, 0.28);
  --page-gold: var(--mmo-gold, #d4af37);
  --page-gold-bright: #e8c373;
  --page-bronze-bright: var(--mmo-bronze-bright, #c79c4d);
  --page-text: var(--mmo-text, rgba(248, 245, 238, 0.98));
  --page-text-muted: var(--mmo-text-muted, rgba(215, 200, 161, 0.72));
  --page-glow: rgba(123, 91, 45, 0.22);
  --page-ink-overlay-top: rgba(12, 11, 10, 0.55);
  --page-ink-overlay-bottom: rgba(16, 14, 10, 0.78);

  background-color: var(--page-bg);
}