// Colors.
$base_light: #faf4ed;
$base_bl: #191724;
$overlay_bl: #1f1d2e;
$muted: #6e6a86;
$subtle: #908caa;
$surface: #fffaf3;
$text: #e0def4;
$love: #eb6f92;
$orangeish: #f6c177;
$rose: #ebbcba;
$pine: #31748f;
$foam: #9ccfd8;
$iris: #c4a7e7;
$link-color: $foam;

// Other variables.
$container-full: 1152px;
$container-plus-padding: 1216px;

// Google fonts.
@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");

// Partials.
@import "partials/header";
@import "partials/main";
@import "partials/fighter";
@import "partials/fighters-view";
@import "partials/fight";
@import "partials/event";
@import "partials/hero";
@import "partials/footer";
@import "partials/recent-fights";

html {
  font-size: 100%;
  box-sizing: border-box;
}

.region-content {
  padding: 0;
}

body {
  background: $base_light;
  color: $muted;
  font-family: "Ubuntu", sans-serif;
  margin: auto;
}

a {
  color: $muted;
  text-decoration: none;
}

img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

