:root {
  --v-color__dark: #000;
  --v-color__dark--alt1: #555;
  --v-color__dark--alt2: #808080;
  --v-color__dark--transparent--alt1: rgb(0 0 0 / 70%);

  --v-color__light: #fff;
  --v-color__light--alt1: #e6e6e6;
  --v-color__light--transparent--alt1: rgb(255 255 255 / 80%);

  --v-color__error: #b30000;
  --v-color__error--alt1: #800000;
  --v-color__error--alt2: #ffe6e6;

  --v-color__success: #008000;
  --v-color__success--alt1: #e6ffe6;

  --v-color__1: #808080;
  --v-color__2: #516b65;

  --v-transition__default: all 0.2s ease-in-out;

  --v-shadow__xs: rgb(18 25 97 / 20%) 0 1px 4px 0;
  --v-shadow__default: 0 0 20px 5px rgb(0 0 0 / 10%);
  --v-shadow__menu: rgb(0 0 0 / 10%) 0 4px 6px -1px, rgb(0 0 0 / 6%) 0 2px 4px -1px;
  --v-shadow__right: 10px 0px 15px -1px rgb(0 0 0 / 10%);
  --v-shadow__left: -10px 0px 15px -1px rgb(0 0 0 / 10%);
  --v-shadow__bottom: 0px 10px 15px -1px rgb(0 0 0 / 10%);
  --v-shadow__top: 0px -10px 15px -1px rgb(0 0 0 / 10%);
  --v-shadow__field: 0 1px 4px rgba(18, 25, 97, 0.0779552);

  --v-aspect-ratio__fullhd: 1920 / 1080;

  --v-layout__container-padding: 1rem;
  --v-layout__container-size--default: 80rem;
  --v-layout__container-size--sm: 55rem;
  --v-layout__container-size--lg: 90rem;

  --v-spacing__default: var(--v-layout__container-padding);
  --v-spacing__p: 1rem;
  --v-spacing__xs: 0.8rem;
  --v-spacing__sm: 1.7rem;
  --v-spacing__md: 2rem;
  --v-spacing__lg: 2rem;

  --v-border-radius__sm: 5px;
  --v-border-radius__md: 15px;
  --v-border-radius__lg: 35px;

  --v-line-height__default: 1.5;

  --v-font-family__default: "Montserrat", sans-serif;

  --v-font-weight__default: 400;
  --v-font-weight__default--bold: 700;

  --v-font-size__default: 1rem;
  --v-font-size__h1: 1.4rem;
  --v-font-size__h2: 1.3rem;
  --v-font-size__h3: 1.2rem;
  --v-font-size__h4: 1.1rem;

  --v-form__spacing: 1rem;
  --v-form-field__height: 2.5rem;
  --v-form-field__padding--rl: 1rem;

  --v-form-field__font-size: 100%;
  --v-form-field__line-height: 1.4;

  --v-form-field__border-size: 1px;
  --v-form-field__label-margin: 0.1rem;

  /* For textarea only */
  --v-form-field__padding--tb: 0.7rem;

  /*
  --v-entity__star: "\e906";
  --v-entity__stars--5: "\e906\e906\e906\e906\e906";
  */
}

@media (min-width: 700px) {
  :root {
    --v-spacing__sm: 2rem;
    --v-spacing__md: 2.5rem;
    --v-spacing__lg: 3.5rem;

    --v-font-size__h1: 2rem;
    --v-font-size__h2: 1.8rem;
    --v-font-size__h3: 1.3rem;
    --v-font-size__h4: 1.1rem;
  }
}

@media (min-width: 1000px) {
  :root {
    --v-spacing__lg: 4rem;
  }
}

@media (min-width: 1000px) {
  :root {
    --v-font-size__default: 1.1rem;
    --v-font-size__h1: 2.3rem;
    --v-font-size__h2: 2rem;
    --v-font-size__h3: 1.5rem;

    --v-form-field__height: 2.8rem;
  }
}

@media (min-width: 1600px) {
  :root {
    --v-font-size__h1: 2.5rem;
    --v-font-size__h2: 2.2rem;
    --v-font-size__h3: 1.5rem;

    --v-spacing__md: 3.5rem;
    --v-spacing__lg: 8rem;
  }
}