:root {
  /* cores principais */
  --main: #3a8dff;
  --main-dark: #1f4ed8;
  --main-yellow: #ffd84d;

  /* destaque racing */
  --racing: #ff4d4d;
  --racing-shadow: #b83333;

  --fight: #52db64;
  --fight-shadow: #3caa4a;

  /* opacidades */
  --bg-opacity-15: rgba(58, 141, 255, 0.15);
  --bg-opacity-30: rgba(58, 141, 255, 0.3);

  /* fundo */
  --bg: #06071a;
  --settingsBg: rgba(32, 13, 94, 0.35);

  /* gradiente principal */
  --linear-one: #0a0f3a;
  --linear-two: #0f2c6b;
  --bg-linear: linear-gradient(135deg, var(--linear-one), var(--linear-two));

  /* containers */
  --container-main: #070b24;
  --container-second: #0c1233;
  --container-third: #11163d;
  --container-third-shadow: #0a0e2a;

  --container-fourth: #161b45;
  --container-fourth-shadow: #101436;

  /* textos */
  --text-bold: #ffffff;
  --text-medium: #c9d4e3;
  --text-regular: #7b8198;

  /* neutros */
  --white: #ffffff;
  --black: #000000;

  /* elementos */
  --element-bg: #131a2b;
  --line: #161d33;
  --line-low: #12182b;

  /* glass */
  --base-opacity: rgba(255, 255, 255, 0.06);
  --base-opacity-70: rgba(255, 255, 255, 0.7);

  /* background */
  --image-bg: url("/assets/img/bg.png");
}