/* Values every theme shares. Colours, fonts and decoration come from the active theme (styles/themes/*.css);
   a theme only redefines variables, never the layout. */
:root {
  --story-backdrop: rgb(0 0 0 / 0.72);
  /* Chart lines without a colour of their own in the theme. */
  --series-stone: #a39e93;
  --series-clay: #c07a4a;
  --series-tools: #7f9cb5;
  --series-provisions: #b8a03a;
  --series-research: #5ad1e6;
  --series-health: #e05a6a;
  --series-morale: #e0b34a;
  --axis-x: #ff6b6b;
  --axis-y: #6ee07a;
  --axis-z: #5aa2ff;
  --header-height: 60px;
  /* Red ochre of the cave-painting calendar of the Prehistory. */
  --cave-paint: #a2461f;

  /* Type scale: the root size grows a little with the viewport width, small text never falls below 15px. */
  --font-root: clamp(18px, 0.6vw + 10px, 20px);
  --text-xs: max(15px, 0.8rem);
  --text-sm: max(15px, 0.86rem);

  /* Lines of the charts that no theme sets itself */
  --series-energyProduced: var(--accent);
  --series-energyNeeded: var(--caution);
  --series-research: var(--accent);

  /* Surface colors for generated planet pictures (six-digit hex), the same in every theme. */
  --avatar-gas-band1: #d9c3a0;
  --avatar-gas-band2: #b07a4f;
  --avatar-gas-band3: #e8dcc4;
  --avatar-gas-band4: #9c6a45;
  --avatar-gas-band5: #cfb48c;
  --avatar-ice-band1: #a9d4e6;
  --avatar-ice-band2: #7fb3cf;
  --avatar-ice-band3: #c7e4ee;
  --avatar-ice-band4: #6a9cc0;
  --avatar-ice-band5: #9cc6dc;
  --avatar-giant-storm: #c0603a;
  --avatar-volcanic-rock: #3b3431;
  --avatar-hot-rock: #6e5a48;
  --avatar-cold-desert: #a65a38;
  --avatar-desert: #c4935c;
  --avatar-rock: #857a6a;
  --avatar-peak: #d9d2c5;
  --avatar-warm-vegetation: #2f6b2c;
  --avatar-vegetation: #4d7d3a;
  --avatar-deep-sea: #0e2d55;
  --avatar-shallow-sea: #2a6ea6;
  --avatar-ice: #e8f0f6;
  --avatar-ice-shadow: #b9cfe0;
  --avatar-basin: #2b2523;
  --avatar-lava: #ff6a1f;
  --avatar-crack: #9a6a48;
  --avatar-toxic-cloud: #e6d39a;
  --avatar-cloud: #ffffff;
  --avatar-neutral-cloud: #e2dbd2;
  --avatar-breathable-atmosphere: #7fb8ff;
  --avatar-toxic-atmosphere: #e0b860;
  --avatar-neutral-atmosphere: #d8b49a;
}

/* Version 1 player portraits keep their identity colours across themes; only the backdrop and halo
   (--portrait-background, --portrait-halo) come from the theme. */
:root {
  --portrait-ink: #19272d;
  --portrait-mouth: #69483e;
  --portrait-skin-0: #f1d5b8;
  --portrait-skin-0-shade: #d5af90;
  --portrait-skin-1: #dfb694;
  --portrait-skin-1-shade: #bd9070;
  --portrait-skin-2: #c68e68;
  --portrait-skin-2-shade: #a56c4e;
  --portrait-skin-3: #aa7554;
  --portrait-skin-3-shade: #8b583e;
  --portrait-skin-4: #85583f;
  --portrait-skin-4-shade: #69432f;
  --portrait-skin-5: #654432;
  --portrait-skin-5-shade: #503425;
  --portrait-hair-0: #202a2c;
  --portrait-hair-1: #594239;
  --portrait-hair-2: #a56643;
  --portrait-hair-3: #d4b67b;
  --portrait-hair-4: #acb8b0;
  --portrait-hair-light: #c9d4c8;
  --portrait-trim: #e0c49a;
  --portrait-strap: #72634e;
  --portrait-neutral: #577579;
  --portrait-fallback: #a8b0a2;
  --portrait-badge: #142e38;
  --portrait-warrior: #c78c69;
  --portrait-warrior-dark: #654c47;
  --portrait-researcher: #80bec1;
  --portrait-researcher-dark: #315b66;
  --portrait-explorer: #d2ac6c;
  --portrait-explorer-dark: #78644b;
  --portrait-economist: #ccbb83;
  --portrait-economist-dark: #4b625c;
  --portrait-monarch: #e4c893;
  --portrait-monarch-dark: #64545f;
  --portrait-hippy: #a8c69a;
  --portrait-hippy-dark: #4d6b5b;
}