/* Everyone's Games: site pages (home, game pages, promises, about, help, privacy, terms).
   Colors come from shared/eg-theme.css; the extra tokens below are used only by these pages. */
:root {
  --logo-bg: #1F3246; --logo-fg: #F4EBD9;
  --band-bg: #1F3246; --band-ink: #F4EBD9; --band-accent: #F2A765;
  --pill-bg: #E0792B; --pill-ink: #1F3246;
  --badge-bg: #E0792B; --badge-ink: #1F3246;
}
:root[data-contrast="high"] {
  --logo-bg: #000000; --logo-fg: #FFFFFF;
  --band-bg: #000000; --band-ink: #FFFFFF; --band-accent: #FFC266;
  --pill-bg: #FFC266; --pill-ink: #000000;
  --badge-bg: #000000; --badge-ink: #FFFFFF;
}
body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--font-body); }
.eg-page { min-height: 100vh; background: var(--bg); color: var(--ink); font-family: var(--font-body); font-size: 20px; line-height: 1.5; }
a { color: inherit; }
a.card:hover { border-color: currentColor !important; }
a:focus-visible, button:focus-visible { outline: 4px solid currentColor; outline-offset: 3px; }
button { cursor: pointer; }
button[aria-disabled="true"] { opacity: 0.45; cursor: default; }
.noscript { margin: 0; padding: 16px 24px; background: #FFF4C2; color: #000; font-size: 20px; font-family: var(--font-body); }