:root {
  --v-color__black: #222831;
  --v-color__black--alt1: #343d4b;

  --v-color__white--alt1: #f6f8fb;
  --v-color__white--alpha1: rgb(255 255 255 / 10%);
  --v-color__white--alpha2: rgb(255 255 255 / 20%);
  --v-color__white--alpha3: rgb(255 255 255 / 40%);

  --v-color__1: #183059;
  --v-color__1--alt1: #cdd6e6;
  --v-color__1--alt2: #204179;
  --v-color__1--alt3: #edf1f7;
  --v-color__1--alpha1: linear-gradient(120deg, rgba(16,28,56,.94) 0%, rgba(22,38,74,.80) 55%, rgba(22,38,74,.55) 100%);

  --v-color__2: #ead7b2;
  --v-color__2--alt1: #dec187;

  --v-color__3: #80b3e1;

  --v-color__border: #e4e7ec;

  --v-color__default--text: var(--v-color__black--alt1);

  --v-shadow__sm: 0 4px 14px rgb(24 48 89 / 8%);
  --v-shadow__md: 0 10px 30px rgb(24 48 89 / 10%);
  --v-shadow__md--alt1: 0 10px 30px rgb(222 193 135 / 30%);

  --v-font-family__default: 'Roboto', sans-serif;
  --v-font-weight__default: 400;
  --v-font-weight__default--bold: 600;

  --v-font-family__alt1: 'Roboto Condensed', sans-serif;
  --v-font-weight__alt1: 400;
  --v-font-weight__alt1--bold: 600;

  --v-spacing__overlap1: 4rem;
}

body {
  /* BEGIN Header Sizes */
  --v-height__header-topbar: 3rem;
  --v-height__header-topbar--sticky: 3rem;

  --v-height__header-main: 4rem;
  --v-height__header-main--sticky: 4rem;

  --v-height__header-total: calc(
    var(--v-height__adminbar) +
    var(--v-height__header-topbar) +
    var(--v-height__header-main)
  );

  --v-height__header-total--sticky: calc(
    var(--v-height__adminbar) +
    var(--v-height__header-topbar--sticky) +
    var(--v-height__header-main--sticky)
  );
  /* END Header Sizes */
}

:target {
  scroll-margin-top: calc( var(--v-height__header-total--sticky) + 1rem );
}

@media (min-width: 700px) {
  body {
    --v-height__header-main: 5rem;
    --v-height__header-main--sticky: 3.5rem;
  }
}

@media (min-width: 1200px) {
  body {
    --v-height__header-main: 7rem;
    --v-height__header-main--sticky: 4.5rem;
  }
}