:root {
  --color-primary: #b3321d;
  --color-secondary: #1f67b0;
  --color-bg: #110907;
  --color-text: #f5e5c4;
  --color-brand-a: #e34f36;
  --color-brand-b: #4da0ff;
  --color-accent: #ffb84a;
  --color-bar-fill-a: #ff663d;
  --color-bar-fill-b: #58a9ff;
  --color-glow-a: rgba(255, 102, 61, 0.35);
  --color-glow-b: rgba(88, 169, 255, 0.35);
  --color-btn: #1b120e;
  --color-btn-hover: #291b15;
  --color-card-bg: rgba(19, 11, 8, 0.82);
  --color-card-border: rgba(255, 184, 74, 0.55);
  --font-heading: "Bebas Neue", "Impact", "Arial Black", sans-serif;
  --font-body: "Barlow Condensed", "Trebuchet MS", sans-serif;
  --bg-image-main: url("/static/images/bg_explosion.png");
  --logo-image: url("/static/images/logo_brand_battle_ai.png");
  --victory-icon: url("/static/images/winner_banner.png");
  --animation-speed-fast: 0.25s;
  --animation-speed-normal: 0.5s;
  --animation-speed-slow: 0.8s;
}

html[data-theme="rooftop"] {
  --color-primary: #254272;
  --color-secondary: #355f4d;
  --color-bg: #0d1a24;
  --color-text: #e4edf3;
  --color-brand-a: #6cc3ff;
  --color-brand-b: #88e0bf;
  --color-accent: #d4f268;
  --color-bar-fill-a: #6cc3ff;
  --color-bar-fill-b: #88e0bf;
  --color-glow-a: rgba(108, 195, 255, 0.35);
  --color-glow-b: rgba(136, 224, 191, 0.35);
}

html[data-theme="streetfighter"] {
  --color-primary: #9e2c16;
  --color-secondary: #1a4f8e;
  --color-bg: #0c0605;
  --color-text: #fce9bf;
  --color-brand-a: #f15b3d;
  --color-brand-b: #5ab4ff;
  --color-accent: #ffc95e;
}