/* Kingdom Road — board palettes.
 *
 * Mid-century board-game print, run on a SHORT INK LIST. The restraint is the
 * style, so the whole board is printed in:
 *
 *   four code colours   yellow / red / blue / green  (the space types)
 *   one dark ink        keylines, walls, type, motifs
 *   cream paper         the stock, plus tints of it for the land bands
 *
 * Nothing else gets a hue. Special spaces (Sabbath, Trial, Persecution,
 * Choice, Start, Kingdom) are parchment squares carrying a pictogram printed in
 * the dark ink — two colours at most, exactly like a period board.
 *
 * The four codes come from the original physical board and are fixed:
 *   EASY = yellow   MEDIUM = red   HARD = blue   COMMANDMENTS = green
 *
 * Switching is one attribute on the board container:
 *     <div class="board-mount" data-palette="warm|primary|dark">
 * The SVG references these variables directly, so a swap repaints nothing.
 */

/* --- 1. Warm and muted — the default -------------------------------------- */

:root,
[data-palette="warm"] {
  --kb-paper:        #e7dcc2;
  --kb-paper-edge:   #d5c8a8;
  --kb-ink:          #26221c;
  --kb-rule:         #26221c;   /* hairlines and type; light on dark palettes */
  --kb-ink-soft:     rgba(38, 34, 28, 0.45);

  --kb-trail:        #d8cbaa;
  --kb-trail-ink:    #26221c;

  /* the four codes */
  --kb-easy:         #dcae2e;   /* yellow */
  --kb-medium:       #b4402f;   /* red */
  --kb-hard:         #2f5c85;   /* blue */
  --kb-commandments: #4e7a4a;   /* green */

  /* specials: parchment and ink, never a fifth hue */
  --kb-special:      #ded1b0;
  --kb-special-ink:  #26221c;

  --kb-token:        #f6efdd;
  --kb-token-shadow: #26221c;

  /* land bands are tints of the paper, a few percent apart */
  --kb-land-1: #e4d8bc;
  --kb-land-2: #e7dcc2;
  --kb-land-3: #e9dfc6;
  --kb-land-4: #e2d8be;
  --kb-land-5: #dcd2b8;
  --kb-land-6: #e5dcc0;
  --kb-land-7: #e8e0c8;
  --kb-land-8: #e4d8bc;
  --kb-motif:  rgba(38, 34, 28, 0.13);
  --kb-grain:  rgba(38, 34, 28, 0.05);
}

/* --- 2. Bold primaries — close to the original physical board -------------- */

[data-palette="primary"] {
  --kb-paper:        #f3ecda;
  --kb-paper-edge:   #e3d9c0;
  --kb-ink:          #1b1b1b;
  --kb-rule:         #1b1b1b;
  --kb-ink-soft:     rgba(27, 27, 27, 0.45);

  --kb-trail:        #e8dfc7;
  --kb-trail-ink:    #1b1b1b;

  --kb-easy:         #f2c018;
  --kb-medium:       #cf2e26;
  --kb-hard:         #1d63a8;
  --kb-commandments: #2f8f4e;

  --kb-special:      #e9e0c6;
  --kb-special-ink:  #1b1b1b;

  --kb-token:        #ffffff;
  --kb-token-shadow: #1b1b1b;

  --kb-land-1: #f0e8d4;
  --kb-land-2: #f3ecda;
  --kb-land-3: #f5efde;
  --kb-land-4: #eee7d2;
  --kb-land-5: #e8e1cc;
  --kb-land-6: #f1ead6;
  --kb-land-7: #f4eedd;
  --kb-land-8: #f0e8d4;
  --kb-motif:  rgba(27, 27, 27, 0.12);
  --kb-grain:  rgba(27, 27, 27, 0.04);
}

/* --- 3. Dark ground with bright spaces ------------------------------------ */
/* Night printing. The stock goes dark, the four codes stay the four codes, and
   the hairline colour flips so rules and type remain readable. */

[data-palette="dark"] {
  --kb-paper:        #1b1b21;
  --kb-paper-edge:   #101014;
  --kb-ink:          #0a0a0e;    /* keylines, still dark against bright tiles */
  --kb-rule:         #c8c0ac;    /* type and hairlines, light on dark stock */
  --kb-ink-soft:     rgba(200, 192, 172, 0.35);

  --kb-trail:        #2c2c35;
  --kb-trail-ink:    #0a0a0e;

  --kb-easy:         #edb92f;
  --kb-medium:       #d6493a;
  --kb-hard:         #3d7fbd;
  --kb-commandments: #4f9e57;

  --kb-special:      #2e2e38;
  --kb-special-ink:  #ddd5c0;

  --kb-token:        #f2ebd8;
  --kb-token-shadow: #000000;

  --kb-land-1: #1e1e25;
  --kb-land-2: #1b1b21;
  --kb-land-3: #202027;
  --kb-land-4: #1c1c23;
  --kb-land-5: #17171d;
  --kb-land-6: #1d1d24;
  --kb-land-7: #212129;
  --kb-land-8: #1e1e25;
  --kb-motif:  rgba(200, 192, 172, 0.09);
  --kb-grain:  rgba(200, 192, 172, 0.035);
}

/* Type. Futura and Avenir are the period faces and ship on macOS; Century
   Gothic covers Windows. All geometric sans, none of them a download. */
:root {
  --kb-display: "Futura", "Avenir Next", "Century Gothic", "Questrial",
                "Trebuchet MS", system-ui, sans-serif;
}