/* Wood or Die - palette. Shared by every page. */
  :root {
    --ground: #E9E4D8;
    --surface: #F3EFE5;
    --raised: #FCFAF3;
    --ink: #241B12;
    --ink-soft: #6B5B4A;
    --ink-faint: #9A8B78;

    --accent: #B85A17;
    --on-accent: #FFF6E8;
    --accent-soft: #E08A2E;
    --on-accent-soft: #1B1209;

    --edge: #241B12;
    --bevel: #C6BCA7;
    --rule: #D6CDBA;
    --watermark: 0.07;
    --tile: 132px;
    --tile-gap: 72px;

    --display: "Fredoka", "Trebuchet MS", sans-serif;
    --body: "Archivo", "Helvetica Neue", Arial, sans-serif;
    --col: 62rem;
  }

  @media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
      --ground: #16120E;
      --surface: #1F1913;
      --raised: #271F18;
      --ink: #F2EADC;
      --ink-soft: #B5A493;
      --ink-faint: #857567;

      --accent: #F0A030;
      --on-accent: #1B1209;
      --accent-soft: #C8791F;
      --on-accent-soft: #1B1209;

      --edge: #0C0906;
      --bevel: #0C0906;
      --rule: #342A20;
      --watermark: 0.06;
    }
  }

  :root[data-theme="dark"] {
    --ground: #16120E;
    --surface: #1F1913;
    --raised: #271F18;
    --ink: #F2EADC;
    --ink-soft: #B5A493;
    --ink-faint: #857567;

    --accent: #F0A030;
    --on-accent: #1B1209;
    --accent-soft: #C8791F;
    --on-accent-soft: #1B1209;

    --edge: #0C0906;
    --bevel: #0C0906;
    --rule: #342A20;
    --watermark: 0.06;
  }