/* Triple J Gaming colour palette. Source of truth for every colour on the site and in print.
   Values were sampled from the new d20 logo PNGs in branding/Logo/. Copy the properties a page needs
   into public/styles.css; keep this file as the original. */
:root {
  /* Core */
  --tj-ink: #0a0710;         /* page background (the logo's own dark background) */
  --tj-ink-raised: #180b32;  /* cards, panels (deep violet of the d20 face) */
  --tj-ink-hover: #23153b;   /* hover state, background gradient highlight */
  --tj-violet: #2c155a;      /* accent fill, buttons */
  --tj-violet-bright: #503d77; /* lighter accent, focus rings, hover on violet */
  --tj-gold: #e5be6b;        /* links, highlights, main gold */
  --tj-gold-bright: #ffd886; /* hover on gold, headline highlights */
  --tj-gold-mid: #c69541;    /* secondary gold, icons */
  --tj-gold-deep: #875b12;   /* borders, dividers (decoration only, not text) */
  --tj-cream: #f3e6bf;       /* main text */
  --tj-cream-dim: #c9b27a;   /* secondary text (the "GAMING" colour in the logo) */

  /* Die shades (the d20 facets in the logo), dark to light */
  --tj-die-1: #180b32;
  --tj-die-2: #1e0a48;
  --tj-die-3: #23153b;
  --tj-die-4: #2c155a;
  --tj-die-5: #503d77;
}