/* GENERATED by scripts/build-tokens.mjs from tokens/tokens.json. Do not edit by hand. */
@font-face { font-family: "Press Start 2P"; src: url("../fonts/press-start-2p.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "VT323"; src: url("../fonts/vt323.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Pixelify Sans"; src: url("../fonts/pixelify-sans.woff2") format("woff2"); font-weight: 400 700; font-display: swap; }
@font-face { font-family: "Jersey 10"; src: url("../fonts/jersey-10.woff2") format("woff2"); font-display: swap; }

:root {
  --jungle-deep: #0a2a1c; /* page background / darkest green (also PWA theme_color) */
  --jungle2: #123d28; /* panel fill, mid green */
  --jungle3: #1d5a36; /* lighter panel / backdrop green */
  --leaf: #2f8a35; /* primary action / frames */
  --leaf-light: #74c648; /* leaf highlight, success text, lvl numbers */
  --leaf-dark: #17481f; /* leaf shadow edge, hard text-shadow on green */
  --banana: #ffd23a; /* THE accent: titles, numbers, selected, currency, primary button fill */
  --banana-shade: #c98f0e; /* banana shadow edge */
  --banana-hi: #fff08c; /* banana highlight / bevel top */
  --wood: #8a5a2b; /* panel body / desk */
  --wood-dark: #5a3517; /* panel border / shadow */
  --wood-deep: #3a2210; /* deepest wood, button label ink on banana (#3a210d in places) */
  --wood-light: #c08a4a; /* wood highlight / bevel */
  --ink: #1a0f14; /* ALL outlines and hard shadows. Never pure #000. */
  --cream: #fff6d6; /* body text, paper, keycaps */
  --cream-dark: #c9b88a; /* secondary text / paper shadow */
  --red: #b8322a; /* danger / urgency */
  --red-light: #e86a50; /* danger highlight */
  --ok: #9ccf3f; /* positive / gain */
  --gem: #7fe3ff; /* premium currency (Diamond Banana) UI mark */
  --gem-dark: #2a8ac0; /* premium currency shadow */
  --font-display: "Press Start 2P", "Courier New", monospace;
  --font-body: "VT323", "Courier New", monospace;
  --font-ui: "Pixelify Sans", "Courier New", monospace;
  --font-label: "Jersey 10", "Pixelify Sans", monospace;
  --s: 3px; /* css px per art pixel */
  --border: 3px solid var(--ink);
  --bevel: inset 0 3px 0 rgba(255,255,255,.16), inset 0 -3px 0 rgba(0,0,0,.32);
  --shadow-hard: 0 3px 0 rgba(0,0,0,.28);
  --text-shadow: 2px 2px 0 var(--ink);
  --pop: cubic-bezier(.2, 1.8, .4, 1);
}

html { image-rendering: pixelated; }
canvas, .spr { image-rendering: pixelated; }

/* theme: ims (Chute Division (Monkey Sled)) - on-core UI, off-core world */
[data-theme="ims"] {
  --ims-haz: #ffd23a;
  --ims-mist: #b8e8a0;
  --ims-stamp-red: #c4301d;
  --ims-neon-magenta: #ff3ac8;
  --ims-neon-cyan: #16ffe0;
  --ims-sled-orange: #ff8a2a;
}

/* theme: imu (Monkey Universe) - themed */
[data-theme="imu"] {
  --imu-bg: #173c40;
  --imu-hud: #163934;
  --imu-hud-rim: #729178;
  --imu-hud-text: #fff0bc;
  --imu-gold: #ffd56a;
  --imu-paper: #fff0c3;
  --imu-ink: #1b140f;
  --imu-mint: #73c59a;
  --imu-gain: #b9f08a;
  --imu-loss: #ff9a82;
}

/* theme: imt (Night Shift Security (Monkey Tower)) - themed (night) */
[data-theme="imt"] {
  --imt-bg: #080c18;
  --imt-bg2: #0d1326;
  --imt-panel: #131a33;
  --imt-panel2: #1a2347;
  --imt-panel3: #222d58;
  --imt-edge: #2e3b70;
  --imt-edge-hi: #5266b4;
  --imt-ink: #eef2ff;
  --imt-mute: #93a1d0;
  --imt-dim: #5d6a99;
  --imt-amber: #ffbf3f;
  --imt-amber-dark: #a8720f;
  --imt-red: #ff5a4a;
  --imt-green: #4be0a0;
  --imt-cyan: #5cd8ee;
  --imt-pink: #ff7ac8;
  --imt-paper: #f1e8cf;
}

/* theme: imw (The Backup Generator (Monkey Wheel)) - on-core + extensions */
[data-theme="imw"] {
  --imw-sky-top: #04070f;
  --imw-sky-bottom: #162a48;
  --imw-spark: #8ad8ff;
}