/* Extracted from GiantsValeFrontend 73bbd4f8f2b8ccd9a331ce1c561dbaef98b48fd8.
   Four shared SCSS variables; component roles come from the original Vue styles.
   Website aliases and new layout decisions live separately in world-tokens.css. */
:root {
  --gv-gold-color: rgb(153, 115, 53);
  --gv-dark-brown: rgb(33, 26, 20);
  --gv-border-simple: solid 1px var(--gv-gold-color);
  --gv-font-family: Aeroport, sans-serif;
  --gv-character-text: rgb(213, 211, 210);
  --gv-character-light: rgb(255, 244, 220);
  --gv-character-radius: 6px;
  --gv-character-portrait-size: 174px;
  --gv-character-glow: 0 0 5px 0.5px var(--gv-character-light);
  --gv-effect-neutral: rgb(94, 84, 72);
  --gv-effect-negative: rgb(155, 20, 43);
  --gv-effect-positive: rgb(34, 145, 57);
  --gv-effect-radius: 2px;
  --gv-effect-counter-radius: 4px;
  --gv-effect-text-size: 14px;
  --gv-character-label-size: 16px;
  --gv-character-points-size: 18px;
  --gv-hp-fill: rgb(252, 38, 38);
  --gv-ep-fill: rgb(255, 180, 14);
}