html:root { --accent: #17583a; --accent-dark: #0f3d29; --accent-soft: #e6f1e9; --green: #17583a; --green-dark: #0f3d29; --green-soft: #e6f1e9;
    --gold: #e9a81c; --gold-soft: #fdf3d8; --page-bg: #f7f4ec; --line: #e7e0d0; --felt-1: #0b2a1c; --felt-2: #134a31; }
  html body { background: var(--page-bg) !important; }
  /* section wrappers had the old #fbfbfa page colour: let the cream page show through */
  html body .yg-page, html body .yga2-wrap, html body .tpma-wrap, html body .tpmfaq-wrap, html body .faq-wrap, html body .lf-content,
  html body .ygg-wrap, html body .tpmfp-wrap, html body .tpmart-wrap, html body .ygab-wrap, html body .ygc2-wrap, html body .ygp-wrap,
  html body .ygd-wrap, html body article.type-post, html body #comments, html body .tpmh-wrap, html body .tpmf-wrap { background: transparent !important; }
  html body .tpmh-header { box-shadow: 0 1px 0 rgba(23, 88, 58, .08), 0 10px 30px -24px rgba(11, 42, 28, .5) !important; }
  html body .tpmh-btn-download { background: linear-gradient(135deg, #17583a, #0f3d29) !important; }

  /* games grid */
  html body .yg-card { border-color: #e7e0d0 !important; }
  html body .yg-card:hover { border-color: #e0b04a !important; box-shadow: 0 18px 36px -20px rgba(11, 42, 28, .45) !important; }
  html body .yg-download-btn-std { background: linear-gradient(135deg, #17583a, #0f3d29) !important; color: #ffffff !important; }
  html body .yg-download-btn-trending { background: linear-gradient(135deg, #ffd666, #f0ad1c 55%, #c98410) !important; color: #1d1302 !important; }
  html body .yg-trending-badge { background: linear-gradient(135deg, #ffd666, #e09a14) !important; color: #1d1302 !important; box-shadow: 0 4px 12px -3px rgba(224, 154, 20, .6) !important; }
  html body .yg-card.featured, html body .yg-card-trend { background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(135deg, #17583a, #ffd666, #17583a) border-box !important; }
  html body .yg-toggle-link.is-active { background: #17583a !important; }
  html body .yg-pager button.on { background: #17583a; border-color: #17583a; }
  html body .yg-pager button:hover:not([disabled]) { border-color: #e0b04a; color: #17583a; }

  /* /new-games/ hero as a felt panel */
  html body #agp-hero { margin-top: 18px !important; padding: 44px 48px !important; border-radius: 28px; color: #f7f1e3;
    background: radial-gradient(800px 460px at 85% 30%, #1d6b45 0%, transparent 60%), linear-gradient(135deg, #0b2a1c, #134a31) !important; }
  html body #agp-hero .agp-hero-title { color: #ffffff !important; }
  html body #agp-hero .agp-hero-title .accentword { color: #ffd666 !important; }
  html body #agp-hero .agp-hero-desc { color: rgba(247, 241, 227, .8) !important; }
  html body #agp-hero .agp-hero-eyebrow { color: #ffd666 !important; border-color: rgba(255, 214, 102, .35) !important; background: rgba(255, 255, 255, .06) !important; }
  html body #agp-hero .agp-hero-stat-num { color: #ffd666 !important; }
  html body #agp-hero .agp-hero-stat-label { color: rgba(247, 241, 227, .65) !important; }
  html body #agp-hero .agp-hero-blob { background: rgba(255, 214, 102, .18) !important; filter: blur(30px) !important; }
  @media (max-width: 940px) { html body #agp-hero { padding: 30px 20px 26px !important; border-radius: 22px; } }

  /* footer */
  html body .tpmf-wrap { --bg: linear-gradient(135deg, #0b2a1c, #134a31); --ink: #ffffff; --ink-soft: rgba(247, 241, 227, .75); --ink-faint: rgba(247, 241, 227, .55);
    --line: rgba(255, 255, 255, .12); --green-soft: rgba(255, 255, 255, .08); --gold-soft: rgba(255, 214, 102, .3); }
  html body .tpmf-footer { background: radial-gradient(900px 420px at 85% 0%, #1d6b45 0%, transparent 60%), linear-gradient(135deg, #0b2a1c, #134a31) !important; }
  html body .tpmf-footer::before { background: linear-gradient(90deg, #c98410, #ffd666, #c98410) !important; }
  html body .tpmf-col h4 { color: #ffd666 !important; }
  html body .tpmf-col a:hover, html body .tpmf-legal-links a:hover { color: #ffd666 !important; }
  html body .tpmf-social:hover { background: #ffd666 !important; color: #1d1302 !important; border-color: #ffd666 !important; }
  html body .tpmf-trust-badge { color: #f7f1e3 !important; }
  html body .tpmf-logo-frame img { background: #0f3a27 !important; }