/* One shared palette for every public page family. Loaded after page styles. */
:root {
  --felt-1: #52873b;
  --felt-2: #346429;
  --gold: #f0dfa0;
  --ink: #fffdf4;
  --cream: #fffdf4;
  --muted: #d8e6cc;
  --line: #ffffff26;
  --site-green: #427930;
  --site-green-background: radial-gradient(ellipse at 42% 12%, #52873b 0%, #427930 45%, #346429 100%);
  --main-bg-color: #427930;
  --main-bg-color-dk: #346429;
  --main-bg-color-lt: #52873b;
}
body:not(.blog), body.blog {
  background: var(--site-green-background);
  background-color: var(--site-green);
  background-attachment: fixed;
  color: var(--ink);
}
body:not(.homepage) .site-header,
body:not(.homepage) .game-header {
  background: #305f27d9;
  border-bottom-color: #ffffff26;
}
body:not(.homepage) .site-footer, .game-footer {background: #294f2647;}
.site-nav a {opacity: 1;}
.brand-accent, .brand-mark {color: var(--gold);}
.language-menu ul {background: #264e27; border-color: #ffffff30;}
.cookie-banner {background: #2c5425; border-color: #ffffff30;}

/* Mahjong keeps its ivory tiles; the table and page share the same green. */
.mahjong-live .table, .mahjong-page .mahjong-stage,
.mahjong-page .mahjong-frame-wrap, .mahjong-page .mahjong-frame,
.mahjong-live #game:fullscreen {background: var(--site-green-background);}
.mahjong-live .table-bar, .mahjong-live .toolbar {background: #2b59253d;}
.mahjong-page .mahjong-game-bar {background: #305f27;}
.mahjong-live .mahjong-panel {background: #2a572b33;}

/* Keep the number grid cream and the page surroundings green. */
.sudoku-page .number-pad button {background: linear-gradient(#507c3b, #39662e);}
.sudoku-page .number-pad button:hover {background: #5d8944;}

/* The magazine uses light text and green surfaces, including article pages. */
body.blog {
  --ink: #fffdf4;
  --ink-2: #e5eddd;
  --ink-3: #cfdcc3;
  --paper: #3e732d;
  --paper-2: #38682b;
  --rule: #ffffff2b;
  --rule-soft: #ffffff17;
  --felt: #f0dfa0;
  --felt-deep: #315d28;
  --gold: #f0dfa0;
}
.blog .mag-header {background: #3a6d2ded;}
.blog .post-body {color: #f0f4e9;}
.blog .post-body a:hover {color: #fff;}
.blog .play-btn {background: #f7faed; color: #35532c;}
.blog .play-btn:hover {background: #e7efd7; color: #294823;}
.blog .mag-footer {background: linear-gradient(#396a2c, #305c28);}
.blog .footer-col h4, .blog .footer-col a:hover {color: #f0dfa0;}
.blog .search-overlay {background: #3c702e;}

/* The dashboard's white statistic cards retain their dark, readable text. */
.dev-log-page .log-heading h1, .dev-log-page .log-section-heading {color: #fffdf4;}
.dev-log-page .log-breadcrumb, .dev-log-page .log-breadcrumb a,
.dev-log-page .log-eyebrow, .dev-log-page .log-intro,
.dev-log-page .log-games-link, .dev-log-page .log-status,
.dev-log-page .log-tracking-note {color: #e0ebd6;}
.dev-log-page .log-eyebrow > span, .dev-log-page .log-title-dot {color: #f0dfa0;}
.dev-log-page .log-status[data-state=error], .dev-log-page .log-noscript {color: #ffe0b4;}
.dev-log-page .log-total {background: radial-gradient(ellipse at 100% 20%, #68944b, #315e28 80%);}
.dev-log-page .log-stat-card {color: #233d32;}