body {
  --flame: 241, 97, 81;
  --park-green: 32, 84, 62;
  --tile: 146, 88, 64;
  --sapphire: 64, 81, 163;
  --lake: 126, 196, 226;
  --mulberry: 173, 43, 90;
  --lavender: 205, 184, 209;
  --midnight: 17, 26, 42;
  --granite: 234, 235, 231;
  --sand: 234, 220, 201;
}

body {
  --global-transition: 250ms;
}

h1,
h1 a,
h1 *,
h2,
h2 * {
  font-family: "flecha-m";
}

h3,
h4,
h5,
h6,
dt,
p,
.site-nav li a {
  font-family: "styrene";
}

body,
html {
  font-family: "styrene";
  /* font-family: "xenon"; */
}

b {
  font-family: "styrene bold";
}