@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400..800&family=DM+Sans:ital,wght@0,400..800;1,400..800&display=swap');

:root {
  --bg: #111111;
  --bg-panel: #181818;
  --bg-raised: #1e1e1e;
  --bg-elev: #212121;
  --bg-hover: #242424;
  --bg-inset: #161616;
  /* stockpile wells: one uniform surface for every slot, filled or empty,
     so the grid reads as a lighter region rather than per-item chips */
  --bg-well: #333333;
  --bg-well-hover: #3d3d3d;
  --bg-well-sel: #4d4636;
  /* backdrop behind the stockpile grid — a step above the page bg */
  --bg-stock: #252525;
  /* activity cards sit a step above the other raised cards */
  --bg-act-card: #2b2b2b;
  /* beveled buttons: a touch above the panel they sit on */
  --bg-btn: #232323;
  --bg-btn-hover: #2e2e2e;
  --border: #2e2e2e;
  --text: #b8b6ba;
  --text-dim: #9b9594;
  --accent: #d6af3d;
  --accent-dim: #a1802c;
  --danger: #c75757;
  --danger-light: #e06060;
  --warn-orange: #d99b6b;
  --warn-yellow: #cdbc6c;
  --progress: #d6af3d;
  --xp: #7497f2;
  --badge-bg: #1c1c1c;
  /* gathered resource quality */
  --q-good: #57c05d;
  --q-great: #7497f2;
  /* crafted quality tiers */
  --q-fine: #7497f2;
  --q-masterful: #a279ed;
  --q-legendary: #d6af3d;
  /* activity time-cost fade: at base → faster → 0.2× base */
  --time-base: #cdbc6c;
  --time-fast: #57c05d;
  --time-best: #3fd9ce;
  --toast-bg: #1e1e1e;
  --scrim: rgba(0, 0, 0, 0.45); /* dim behind overlays */
  /* juice (js/ui/fx.js): cycle flash + level-up banner */
  --fx-flash: #efe4c4;
  --fx-glow: rgba(214, 175, 61, 0.55);
  /* how everything answers a pointer (css/interact.css) — tune the whole
     app's feel from these six values, not from individual rules */
  --t-press: 70ms;   /* going down: instant */
  --t-lift: 140ms;   /* coming up: a beat slower, so release reads as release */
  --ease-snap: cubic-bezier(0.2, 0.9, 0.3, 1.35);
  --ease-out: cubic-bezier(0.2, 0.7, 0.3, 1);
  --lift: -2px;      /* how far a hovered thing rises */
  --press: 1.5px;    /* how far a pressed thing sinks */
  /* world map: biome tile colors + fog */
  /* uniform lightness (oklch L=0.40) — biomes differ only in hue/chroma */
  --biome-meadow: oklch(0.40 0.078 128);
  --biome-forest: oklch(0.40 0.083 142);
  --biome-pine: oklch(0.40 0.052 174);
  --biome-hills: oklch(0.40 0.017 68);
  --biome-ridge: oklch(0.40 0.056 63);
  --biome-marsh: oklch(0.40 0.064 125);
  --biome-lake: oklch(0.40 0.059 249);
  --biome-ruins: oklch(0.40 0.055 302);
  --map-fog: #141414;
  --player-ring: #d6af3d;
  --shadow: none;
  --radius: 8px;
  /* neumorphic edge colors */
  --nm-alpha: 50%;
  --nm-lit: #050505;
  --nm-lit-t: color-mix(in srgb, var(--nm-lit) var(--nm-alpha), transparent);
  --nm-shadow: #363636;
  --nm-shadow-r: #2e2e2e;
  --nm-card-top: #3c3c3c;
  --nm-card-left: #343434;
}