/* Game colors — free to choose (games may be more colorful than the menus).
   Canvas code reads them via getComputedStyle; never hardcode colors in JS.
   Brand tokens live in tokens.css and stay untouched. */
:root {
  /* "Neu!" number on the game buttons of the start page */
  --news-badge: #e0262f;
  --news-badge-text: #ffffff;

  /* Scaffold Stacker: light blue day sky with sun and clouds */
  --stacker-sky-top: #4aa8e8;
  --stacker-sky-bottom: #c9ecff;
  --stacker-sun: #ffd23f;
  --stacker-sun-glow: rgba(255, 210, 63, 0.3);
  --stacker-cloud: #ffffff;
  --stacker-bird: #2f3a4a;

  /* The higher the tower, the darker the sky – up to a night sky with stars.
     Use 6-digit hex colors here, the game mixes day and night colors. */
  --stacker-night-top: #070b26;
  --stacker-night-bottom: #26336e;
  --stacker-star: #ffffff;

  /* Even higher: outer space with planets and a rocket */
  --stacker-space-top: #000000;
  --stacker-space-bottom: #0b0b24;
  /* Moon and planets, in the order they appear (the higher, the further away) */
  --stacker-moon: #cfd3d8;
  --stacker-moon-crater: #a3aab3;
  --stacker-mars: #c8552b;
  --stacker-jupiter: #dcb88e;
  --stacker-jupiter-band: #a8744d;
  --stacker-saturn: #e6cf8f;
  --stacker-uranus: #9fe0e6;
  --stacker-neptune: #3f6fd8;
  /* After Neptune the big U-turn back to the Sun: Venus, Mercury, Sun */
  --stacker-venus: #e9c987;
  --stacker-venus-cloud: #f6e2b4;
  --stacker-mercury: #9a948e;
  --stacker-mercury-crater: #77716b;
  --stacker-sun-space: #ffcf33;
  --stacker-sun-space-core: #fff1a8;
  --stacker-sun-space-glow: rgba(255, 190, 40, 0.35);
  --stacker-planet-label: #ffffff;
  --stacker-planet-ring: #e8d9a8;
  --stacker-planet-shadow: rgba(0, 0, 0, 0.25);
  --stacker-rocket: #f4f6f8;
  --stacker-rocket-tip: #e8412c;
  --stacker-rocket-window: #5a7fa8;
  --stacker-flame: #ffb02e;
  --stacker-flame-core: #fff2a8;

  /* Airplane flying by now and then */
  --stacker-plane: #f4f6f8;
  --stacker-plane-wing: #c3ccd6;
  --stacker-plane-stripe: var(--sr-orange);
  --stacker-plane-window: #5a7fa8;
  --stacker-plane-light: #ff3b3b;

  /* Scaffold parts: silver metal */
  --stacker-steel: #b4bec8;
  --stacker-steel-light: #eef2f5;
  --stacker-steel-dark: #6b7884;
  --stacker-sticker: #ffffff;   /* Scafom-rux sticker on each part (dark blue symbol on white) */

  /* Construction site ground */
  --stacker-ground: #9a8a74;
  --stacker-ground-top: #6f604e;

  /* Water pipes in the ground */
  --stacker-pipe: #2f7fd0;
  --stacker-pipe-dark: #1d5a99;
  --stacker-pipe-light: #6fb2f0;
  --stacker-water: #bfe6ff;

  /* Forklift in the background */
  --stacker-forklift: #f5b800;
  --stacker-forklift-dark: #2b2f36;
  --stacker-tire: #1c1d20;
  --stacker-hub: #9aa3ab;
  --stacker-beacon: #ff8100;
  --stacker-beacon-glow: rgba(255, 129, 0, 0.45);

  /* Cheering every 10 parts: confetti colors */
  --stacker-confetti-1: #ff8100;
  --stacker-confetti-2: #ffd23f;
  --stacker-confetti-3: #4aa8e8;
  --stacker-confetti-4: #5fd18a;
  --stacker-confetti-5: #ff6fa8;
  --stacker-confetti-6: #ffffff;

  /* Player's figure on the right: Scafom-rux work suit, orange helmet */
  --stacker-suit: var(--sr-blue);
  --stacker-suit-stripe: var(--sr-orange);
  --stacker-helmet: var(--sr-orange);
  --stacker-boots: #2b2f36;
  --stacker-skin: #f2c9a0;
  --stacker-hair: #a87c4f;
  --stacker-hair-light: #dcb878;
  --stacker-face: #3a2a20;

  /* Papa driving the forklift: same suit, white helmet, short dark hair */
  --stacker-papa-helmet: #ffffff;
  --stacker-papa-hair: #4a3426;
}

/* ---------- Flappy: a beautiful field at sunset ---------- */
:root {
  --flappy-sky-top: #3b3a7a;
  --flappy-sky-middle: #e2709a;
  --flappy-sky-bottom: #ffb35c;
  --flappy-sun: #ffd37a;
  --flappy-sun-glow: rgba(255, 190, 90, 0.35);
  --flappy-cloud: rgba(255, 214, 196, 0.75);
  --flappy-bird: #3a2a48;               /* little bird silhouettes in the sunset sky */
  --flappy-tractor: #2f8f3a;            /* little tractor on the hills */
  --flappy-tractor-dark: #1f2a22;
  --flappy-tractor-hub: #f5b800;
  --flappy-tractor-window: #bfe6ff;
  --flappy-smoke: rgba(230, 230, 235, 0.7);
  --flappy-sheep: #f4f1ea;              /* flock of sheep on the far hills */
  --flappy-sheep-dark: #2a2420;
  --flappy-soil: #6b4a2f;               /* earth below the field, seen from the side */
  --flappy-soil-dark: #3e2a1b;          /* the mole's burrow and tunnel */
  --flappy-pebble: #8a6a4c;
  --flappy-mole: #463832;
  --flappy-mole-pink: #f2a1a8;

  /* Level 3 (from 25 points): the field at night. 6-digit hex, the game mixes them with the sunset colors */
  --flappy-night-top: #070b26;
  --flappy-night-middle: #1b2558;
  --flappy-night-bottom: #34457a;
  --flappy-night-shade: #0a1030;        /* darkens hills and field at night */
  --flappy-moon: #f3f1dc;
  --flappy-moon-glow: rgba(243, 241, 220, 0.22);
  --flappy-star: #ffffff;

  /* Level 4 (from 35 points): thunderstorm with rain and lightning */
  --flappy-storm-cloud: #323a58;
  --flappy-rain: rgba(170, 195, 255, 0.55);
  --flappy-lightning: #eef3ff;

  /* Level 5 (from 45 points): neon race track (6-digit hex where colors are mixed) */
  --flappy-neon-sky-top: #07001a;
  --flappy-neon-sky-bottom: #2b0b4f;
  --flappy-neon-ground: #0b0424;
  --flappy-neon-pink: #ff2fd6;
  --flappy-neon-cyan: #29f3ff;
  --flappy-neon-yellow: #ffe94a;
  --flappy-neon-sun-top: #ffde59;
  --flappy-neon-sun-bottom: #ff3fa4;
  --flappy-neon-green: #5dff8a;
  --flappy-kart-tire: #15121f;
  --flappy-checker-light: #ffffff;
  --flappy-checker-dark: #15121f;

  /* Level 6 (from 55 points): wild west desert (6-digit hex where colors are mixed) */
  --flappy-west-sky-top: #f2913d;
  --flappy-west-sky-bottom: #ffe2a8;
  --flappy-west-sun: #fff3c4;
  --flappy-west-mesa-far: #c06a3e;
  --flappy-west-mesa-near: #93402a;
  --flappy-west-sand: #e3b46d;
  --flappy-west-crack: #b98a4b;
  --flappy-west-cactus: #3f8f4a;
  --flappy-west-cactus-dark: #2c6a36;
  --flappy-west-tumbleweed: #9b7442;

  /* Level 7 (from 60 points): under water (6-digit hex where colors are mixed) */
  --flappy-sea-top: #39b4e3;
  --flappy-sea-bottom: #0c3f78;
  --flappy-sea-ray: rgba(255, 255, 255, 0.12);
  --flappy-sea-bubble: rgba(220, 245, 255, 0.75);
  --flappy-sea-sand: #d8c48c;
  --flappy-sea-sand-dark: #b9a46c;
  --flappy-seaweed: #2e9e5b;
  --flappy-coral-1: #ff6f8f;
  --flappy-coral-2: #ffa24a;
  --flappy-fish-1: #ffd23f;
  --flappy-fish-2: #ff7b54;
  --flappy-fish-3: #7be0c3;
  --flappy-current: rgba(255, 255, 255, 0.35);
  --flappy-jelly: rgba(255, 140, 220, 0.75);
  --flappy-jelly-glow: rgba(255, 200, 245, 0.9);
  --flappy-shark: #7d93a8;
  --flappy-shark-belly: #e9f1f6;
  --flappy-deep-clear: rgba(2, 10, 32, 0);
  --flappy-deep-dark: rgba(2, 10, 32, 0.93);
  --flappy-mask-frame: #ffcf3a;
  --flappy-mask-glass: rgba(170, 230, 255, 0.4);
  --flappy-snorkel: #ff6b3d;

  /* Level 8 (from 65 points): the volcano */
  --flappy-volcano-sky-top: #2a0a12;
  --flappy-volcano-sky-bottom: #c8431a;
  --flappy-volcano-rock: #3a2626;
  --flappy-volcano-rock-light: #563838;
  --flappy-volcano-glow: #ff7a1a;
  --flappy-volcano-smoke: rgba(70, 55, 55, 0.55);
  --flappy-basalt: #2b2424;
  --flappy-basalt-light: #43383a;
  --flappy-lava: #ff5a14;
  --flappy-lava-bright: #ffc14a;
  --flappy-ember: #ffb347;
  --flappy-fireball: #ff6a1a;
  --flappy-fireball-core: #fff1a0;

  /* Level 9 (from 70 points): the jungle (6-digit hex where colors are mixed) */
  --flappy-jungle-sky-top: #1f6b3a;
  --flappy-jungle-sky-bottom: #b6e07a;
  --flappy-jungle-canopy: #0f4a26;
  --flappy-jungle-leaf: #2f8f3f;
  --flappy-jungle-leaf-light: #5cc35a;
  --flappy-jungle-trunk: #5b3a22;
  --flappy-jungle-floor: #3d2b1a;
  --flappy-fern: #2f7a35;
  --flappy-vine: #3f7d2a;
  --flappy-vine-leaf: #6cc04a;
  --flappy-parrot-red: #e8322f;
  --flappy-parrot-yellow: #ffd23f;
  --flappy-parrot-blue: #2f7fe0;
  --flappy-monkey: #7a4a26;
  --flappy-monkey-face: #e7b98a;
  --flappy-banana: #ffe04a;
  --flappy-banana-tip: #6b4a20;
  --flappy-rain: rgba(210, 235, 255, 0.55);
  --flappy-rain-shade: rgba(20, 40, 60, 0.28);

  /* Level 10 (from 80 points): the candy world */
  --flappy-candy-sky-top: #ff8fd0;
  --flappy-candy-sky-bottom: #ffe6f4;
  --flappy-cotton: #ffffff;
  --flappy-cotton-pink: #ffc4e8;
  --flappy-frosting: #ff6fb5;
  --flappy-chocolate: #6b3a1e;
  --flappy-candy-stripe: #e8323c;
  --flappy-candy-white: #ffffff;
  --flappy-candy-rosette: #ff4fa0;
  --flappy-lolli-1: #ff4f8b;
  --flappy-lolli-2: #ffd23f;
  --flappy-lolli-3: #4fc3ff;
  --flappy-lolli-stick: #fff6e8;
  --flappy-sprinkle-1: #ffd23f;
  --flappy-sprinkle-2: #4fc3ff;
  --flappy-sprinkle-3: #7be06a;
  --flappy-sprinkle-4: #ffffff;

  /* Level 11 (from 100 points): ice and snow */
  --flappy-ice-sky-top: #0d2a52;
  --flappy-ice-sky-bottom: #9fd3f2;
  --flappy-aurora-1: rgba(90, 255, 170, 0.35);
  --flappy-aurora-2: rgba(170, 120, 255, 0.3);
  --flappy-snow: #ffffff;
  --flappy-snow-shade: #d6ecfa;
  --flappy-ice: #bfe8ff;
  --flappy-ice-dark: #7fc4ea;
  --flappy-icicle: #e4f6ff;
  --flappy-iceberg: #e8f6ff;
  --flappy-iceberg-shade: #b4dcf3;
  --flappy-penguin: #1d2533;
  --flappy-penguin-belly: #ffffff;
  --flappy-penguin-beak: #ffa62b;
  --flappy-storm-snow: rgba(240, 248, 255, 0.4);
  --flappy-frozen: rgba(170, 225, 255, 0.55);

  /* Gift in level 9: the shield bubble around the figure */
  --flappy-shield: rgba(120, 220, 255, 0.3);
  --flappy-shield-edge: #7fe0ff;

  --flappy-hill-far: #6d7a4c;
  --flappy-hill-near: #5c8a45;
  --flappy-field: #79a64f;
  --flappy-field-stripe: #8cb85c;
  --flappy-flower-1: #ffe36b;
  --flappy-flower-2: #ff8fb1;
  --flappy-flower-3: #ffffff;

  /* Placeholder figure until the drawn animal (assets/figur.png) is there */
  --flappy-figure: #ff8c42;
  --flappy-figure-belly: #ffd23f;
  --flappy-figure-eye: #ffffff;
  --flappy-figure-pupil: #1c1d20;
  --flappy-cap: var(--sr-blue);          /* cap with the white Scafom-rux symbol */
  --flappy-cap-brim: #0a1a45;
  --flappy-leg: #e0702c;                 /* legs of the placeholder bird */
  --flappy-shoe: #1c1d20;                /* black shoes */
  --flappy-shoe-shine: #5a5f6a;
  --flappy-ouch-bg: #ffffff;             /* speech bubble "AUAAA!" when crashing */
  --flappy-ouch-text: #e0322b;
  --flappy-ouch-border: var(--sr-blue);
}

/* ---------- Language switch: official flag colors ---------- */
:root {
  --flag-de-black: #000000;
  --flag-de-red: #dd0000;
  --flag-de-gold: #ffce00;
  --flag-uk-blue: #012169;
  --flag-uk-red: #c8102e;
  --flag-uk-white: #ffffff;
}