/* Neutral fallback palette. The real colours come from GET /public/config and are
   set by brand.js as inline custom properties on :root, which win over these.
   Loaded last on every page so these :root values beat the built-in ones. */
:root {
  --gold: #9a9a9a;
  --gold-rgb: 154, 154, 154;
  --gold-light: #c4c4c4;
  --gold-dark: #5e5e5e;
  --felt: #2b2b2b;
  --felt-dark: #1b1b1b;
  --felt-dark-rgb: 27, 27, 27;
  --felt-light: #3a3a3a;
  --felt-light-rgb: 58, 58, 58;
  --bg: #141414;
  --bg-rgb: 20, 20, 20;
  --cream: #ececec;
  --rim: #202020;
}

body {
  background-color: var(--bg);
  background-image:
    radial-gradient(ellipse at 20% 20%, rgba(var(--gold-rgb), 0.07) 0%, transparent 60%),
    radial-gradient(ellipse at 80% 80%, rgba(var(--gold-rgb), 0.05) 0%, transparent 60%),
    repeating-linear-gradient(45deg, transparent, transparent 40px, rgba(255, 255, 255, 0.01) 40px, rgba(255, 255, 255, 0.01) 41px);
}
