:root {
  --v-color__1: #000;

  --v-color__2: #fff;
  --v-color__2--transparent--alt1: rgb(255 255 255 / 60%);
  --v-color__2--transparent--alt2: rgb(255 255 255 / 90%);
  --v-color__2--transparent--alt3: rgb(255 255 255 / 85%);

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

  --v-shadow__xs: rgb(18 25 97 / 8%) 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: 65rem;
  --v-layout__container-size--sm: 60rem;

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

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

  --v-font-family__default: "Open Sans", sans-serif;

  --v-font-weight__default: 300;
  --v-font-weight__default--bold: 600;

  --v-font-size__default: 0.85rem;
  --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.8rem;
  --v-form-field__padding--rl: 1rem;
  --v-form-field__font-size: 90%;
  --v-form-field__border-size: 1px;

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

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

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

    --v-font-size__h1: 2rem;
    --v-font-size__h2: 1.6rem;
    --v-font-size__h3: 1.3rem;
    --v-font-size__h4: 1.2rem;
  }
}

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

@media (min-width: 1400px) {
  :root {
    --v-font-size__h1: 2.1rem;
    --v-font-size__h2: 1.7rem;
  }
}

@media (min-width: 1600px) {
  :root {
    --v-spacing__md: 3rem;
  }
}