@charset "utf-8";

@font-face {
  font-family: "ITC Avant Garde Gothic";
  font-weight: 700;
  font-style: normal;
  src:
    url("fonts/itc-avant-garde-gothic.b94931bcf45a.woff2") format("woff2"),
    url("fonts/itc-avant-garde-gothic.01cf63687755.woff") format("woff");
}

@font-face {
  font-family: Futura;
  font-weight: 400;
  font-style: normal;
  src:
    url("fonts/futura-n4.afad155657a2.woff2") format("woff2"),
    url("fonts/futura-n4.afad155657a2.woff2") format("woff");
}

@font-face {
  font-family: Futura;
  font-weight: 700;
  font-style: normal;
  src:
    url("fonts/futura-n7.73630a3c223e.woff2") format("woff2"),
    url("fonts/futura-n7.73630a3c223e.woff2") format("woff");
}

@font-face {
  font-family: Futura;
  font-weight: 400;
  font-style: oblique;
  src:
    url("fonts/futura-o4.1c548ffef765.woff2") format("woff2"),
    url("fonts/futura-o4.1c548ffef765.woff2") format("woff");
}

@font-face {
  font-family: Futura;
  font-weight: 700;
  font-style: oblique;
  src:
    url("fonts/futura-o7.7b66ad784ec2.woff2") format("woff2"),
    url("fonts/futura-o7.7b66ad784ec2.woff2") format("woff");
}

:root {
  --font-title: "ITC Avant Garde Gothic", Helvetica, sans-serif;
  --font-default: Futura, Helvetica, sans-serif;

  --color-highlight: var(--color-orange-tangerine);
  --color-highlight-hover: var(--color-orange-tangerine-lighter);
  --color-highlight-halo: var(--color-orange-tangerine-transparent);
}