/* ============================================================
   PLIK GENEROWANY — NIE EDYTOWAĆ RĘCZNIE.
   Źródło: js/theme/tokens.js · generator: tools/gen_tokens.js
   Zmiana koloru = edycja tokens.js + `node tools/gen_tokens.js`.
   ============================================================ */
:root {
  /* — color — */
  --pv-color-bg-void: #05060a;
  --pv-color-surface-panel: rgba(13, 17, 27, 0.86);
  --pv-color-surface-line: rgba(140, 165, 210, 0.14);
  --pv-color-surface-fill: rgba(140, 165, 210, 0.07);
  --pv-color-surface-fillSoft: rgba(140, 165, 210, 0.06);
  --pv-color-text-high: #e8edf6;
  --pv-color-text-low: #8fa0b8;
  --pv-color-signal-accent: #ffd166;
  --pv-color-signal-danger: #ff6b8a;
  --pv-color-signal-ok: #7fe8a8;
  --pv-color-signal-info: #54d8e8;
  --pv-color-signal-world: #8fb8ff;
  --pv-color-signal-violet: #c8b8ff;
  --pv-color-res-credits: #ffd166;
  --pv-color-res-minerai: #c9925a;
  --pv-color-res-metal: #b8c4d4;
  --pv-color-res-cristal: #7fd8e8;
  --pv-color-res-energie: #ffd166;
  --pv-color-res-storage: #9aa4b2;
  --pv-color-mat-steel: #7d8896;
  --pv-color-mat-dark: #3a4250;
  --pv-color-mat-ceramic: #cfd6e2;
  --pv-color-mat-silo: #9aa4b2;
  --pv-color-mat-siloAlt: #8a94a2;
  --pv-color-mat-hab: #4a5468;
  --pv-color-mat-panelDark: #2a3f66;
  --pv-color-mat-light: #b8c4d4;
  --pv-color-mat-white: #ffffff;
  --pv-color-emit-gold: #ffd166;
  --pv-color-emit-ore: #c9834a;
  --pv-color-emit-crystal: #54d8e8;
  --pv-color-emit-panel: #3355aa;
  --pv-color-emit-hab: #c8b8ff;
  --pv-color-emit-science: #7fe8a8;
  --pv-color-emit-plasmaHot: #ff6b35;
  --pv-color-emit-plasmaSkin: #ff8f6b;
  --pv-color-emit-core: #ffddaa;
  --pv-color-emit-yard: #8fb8ff;
  --pv-color-emit-weapon: #ff6b8a;
  --pv-color-emit-holo: #54d8e8;
  --pv-color-scene-sunKey: #fff1dc;
  --pv-color-scene-ambient: #8899bb;
  --pv-color-scene-hemiSky: #16223a;
  --pv-color-scene-hemiGround: #05060a;
  --pv-color-scene-rim: #6c8cff;
  --pv-color-scene-sysLight: #ffe8b0;
  --pv-color-scene-sysAmbient: #445577;
  --pv-color-scene-border: #aec6e8;
  --pv-color-scene-atmoDay: #5aa2e0;
  --pv-color-scene-atmoDusk: #ff9a5c;
  --pv-color-scene-cityGlow: #ffbe6e;
  --pv-color-scene-cityGlowOut: #ffa046;
  --pv-color-scene-hlOk: #ffd166;
  --pv-color-scene-hlNo: #ff6b8a;
  --pv-color-scene-sunInner: #fff8e6;
  --pv-color-scene-sunOuter: #ffc86e;

  /* — num — */
  --pv-num-op-border: 0.055;
  --pv-num-op-highlight: 0.35;
  --pv-num-op-holoMin: 0.3;
  --pv-num-op-holoAmp: 0.25;
  --pv-num-op-cityNight: 0.85;
  --pv-num-op-cityDay: 0.12;
  --pv-num-op-atmoNight: 0.1;
  --pv-num-op-atmoDay: 0.42;
  --pv-num-light-ambient: 0.1;
  --pv-num-light-key: 2.15;
  --pv-num-light-hemi: 0.25;
  --pv-num-light-rim: 0.35;
  --pv-num-light-sysPoint: 2.2;
  --pv-num-light-sysAmbient: 0.25;
  --pv-num-light-galAmbient: 0.8;
  --pv-num-sky-tintGalaxy: 0.46;
  --pv-num-sky-tintSystem: 0.34;
  --pv-num-sky-tintPlanet: 0.26;
  --pv-num-render-exposure: 1.15;
  --pv-num-render-dprMax: 2;
  --pv-num-render-dprTouch: 1.5;
  --pv-num-render-shadowMap: 2048;

  /* — space — */
  --pv-space-gap-xs: 2px;
  --pv-space-gap-sm: 4px;
  --pv-space-gap-md: 6px;
  --pv-space-gap-lg: 8px;
  --pv-space-gap-xl: 12px;
  --pv-space-gap-xxl: 14px;
  --pv-space-pad-chip: 6px;
  --pv-space-pad-panel: 14px;
  --pv-space-pad-row: 8px;
  --pv-space-radius-sm: 8px;
  --pv-space-radius-md: 10px;
  --pv-space-radius-lg: 12px;
  --pv-space-radius-xl: 16px;
  --pv-space-radius-pill: 99px;
  --pv-space-hit-min: 44px;
  --pv-space-panel-width: 400px;
  --pv-space-topbar-height: 46px;

  /* — time — */
  --pv-time-dur-instant: 60ms;
  --pv-time-dur-fast: 200ms;
  --pv-time-dur-panel: 300ms;
  --pv-time-dur-fade: 260ms;
  --pv-time-dur-camDolly: 850ms;
  --pv-time-dur-camRotate: 700ms;
  --pv-time-dur-toast: 3600ms;
  --pv-time-tick-ui: 250ms;
  --pv-time-tick-sim: 250ms;
  --pv-time-tick-ai: 2500ms;

  /* — ease — */
  --pv-ease-ease-panel: cubic-bezier(0.32, 0.72, 0.3, 1);
  --pv-ease-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --pv-ease-ease-linear: linear;

  /* — easeJs — */
  --pv-easeJs-ease-panel: cubicOut;
  --pv-easeJs-ease-out: cubicOut;
  --pv-easeJs-ease-linear: linear;

  /* — font — */
  --pv-font-font-display: 'Clash Display', system-ui, sans-serif;
  --pv-font-font-body: 'Satoshi', system-ui, sans-serif;
  --pv-font-size-micro: 9.5px;
  --pv-font-size-tiny: 10.5px;
  --pv-font-size-small: 11.5px;
  --pv-font-size-base: 12.5px;
  --pv-font-size-mid: 13px;
  --pv-font-size-lg: 15px;
  --pv-font-size-h3: 17px;
  --pv-font-track-caps: 0.08em;

  /* — aliasy zgodności: pozwalają wdrożyć tokeny bez edycji styles.css.
       Alias wolno usunąć dopiero, gdy grep w css/ go nie znajduje. — */
  --bg: var(--pv-color-bg-void);
  --panel: var(--pv-color-surface-panel);
  --panel-border: var(--pv-color-surface-line);
  --txt: var(--pv-color-text-high);
  --txt-dim: var(--pv-color-text-low);
  --accent: var(--pv-color-signal-accent);
  --danger: var(--pv-color-signal-danger);
  --ok: var(--pv-color-signal-ok);
  --font-display: var(--pv-font-font-display);
  --font-body: var(--pv-font-font-body);
}