:root {
  /* ---- FONTS ---- */
  --font-display: 'Rye', serif;
  --font-body: 'Karla', system-ui, sans-serif;
  --font-mono: 'Space Mono', monospace;

  /* ---- CORE ---- */
  --bg:      #09090B;
  --panel:   #121214;
  --slot:    #0D0D10;
  --line:    rgba(255, 255, 255, 0.045);
  --bone:    #FFFFFF;
  --dim:     #A1A1AA;
  --dim-lo:  #71717A; 

  /* ---- BACKGROUND ----
     Any image file beside index.html, or none. */
  --bg-image: url("background.jpg");
  --bg-fade:  0.16;

  /* ---- UI ACCENTS ---- */
  --gold:    #F59E0B;
  --gold-hi: #FDE047;
  --gold-lo: #B45309;
  --red:     #E00000;
  --red-hi:  #FF4040;
  --red-lo:  #7A0000;
  --grn:     #10B981;

  /* the rank above the top rank */
  --throne:    #7C3AED;
  --throne-hi: #E4D6FF;
  --steel:     #C7CDD8;
  --steel-lo:  #6E7687;

  /* ---- METAL GRADIENTS ----
     One struck-metal recipe per colour: rim light, bright face, a hard
     horizon just past centre, then a bounce light. Used by the wordmark,
     the score corner, the verdict titles and the gold buttons. */
  --metal-gold:   linear-gradient(180deg, #FFEE8A 0%, #FFE23A 22%, #FFD419 46%, #A87B00 54%, #E9BC0F 72%, #FFDF3D 100%);
  --metal-red:    linear-gradient(180deg, #FF9A85 0%, #FF5A4C 28%, #D41010 48%, #7A0202 55%, #E02818 74%, #FF6B54 100%);
  --metal-steel:  linear-gradient(180deg, #FFFFFF 0%, #E8EEF6 32%, #AEB9C9 48%, #5D6675 55%, #9AA5B5 74%, #C7D0DC 100%);
  --metal-nova:   linear-gradient(180deg, #B5EDFF 0%, #6BD8F8 28%, #2BA6D8 48%, #10618F 55%, #2E9AC9 74%, #55C4EC 100%);
  --metal-rook:   linear-gradient(180deg, #C2F5B4 0%, #85DC72 28%, #45B347 48%, #1F6B2A 55%, #3FA344 74%, #63C956 100%);
  --metal-bilge:  linear-gradient(180deg, #C9D2DE 0%, #A2ACBC 28%, #7C8698 48%, #454C5A 55%, #6E7889 74%, #919BAC 100%);
  --metal-violet: linear-gradient(180deg, #DCC2FF 0%, #BD94FF 28%, #8E4BF0 48%, #4A1D96 55%, #7B3BDB 74%, #9C5CF2 100%);

  /* ---- RANK COLOURS ----
     Every rank glows its own colour: bilge grey, rookie green, supernova
     cyan, warlord steel, emperor red, king gold, throne violet. */
  --tier-nova:    #4FC6F5;
  --tier-nova-lo: #1D82B8;
  --tier-rook:    #5FCC72;
  --tier-rook-lo: #2E8C44;
  --tier-bilge:    #8A93A5;
  --tier-bilge-lo: #565E6E;

  /* ---- BOND COLOURS ----
     Spaced around the wheel so all twelve stay distinguishable on the dark
     surface; the two neutrals (dead, swordsmen) stay muted on purpose. */
  --c-kin:   #FF8FC0;    /* pink    */
  --c-royal: #BC2ED6;    /* purple  */
  --c-blood: #16DBD6;    /* cyan    */
  --c-dead:  #8393AB;    /* slate   */
  --c-gone:  var(--c-dead);
  --c-core:  var(--red);
  --c-fruit: #F455DE;    /* magenta */
  --c-crew:  #FFD52E;    /* yellow  */
  --c-trade: #52D023;    /* green   */
  --c-brass: #4D9BFF;    /* azure   */
  --c-wgen:  #7A3BFF;    /* violet  */
  --c-wlord: #F5A62B;    /* amber   */
  --c-dee:   #F03528;    /* red     */
  --c-sword: #D7DFEC;    /* steel   */
  --c-conq:  var(--c-wlord);   /* conqueror's-haki glow, captain seats */

  /* ---- CARD + REEL CHIP TINTS ----
     Each chip wears its bonus's colour family; fruit types run a
     light-to-deep magenta ramp so matching types read at a glance. */
  --tag-hk: #F26355;
  --tag-sp: #74D24E;
  --tag-rc: #1FB8B2;
  --tag-ry: #A88DFA;
  --tag-ld: #F0B23F;
  --tag-fp: #FF97DA;
  --tag-fz: #EE49D2;
  --tag-fl: #C7189C;

  --radius:  12px; 
}
/* ---- SITE FOOTER ----
   One quiet line at the foot of every page. */
.sitefoot{
  margin:48px auto 22px;
  padding:0 16px;
  text-align:center;
  font-family:var(--font-body);
  font-size:12px;
  letter-spacing:.02em;
  color:var(--dim-lo);
}
.sitefoot a{color:var(--dim); text-decoration:none;}