:root {
  --v-color__1: #000;
  --v-color__1--transparent--alt1: rgb(0 0 0 / 25%);

  --v-color__2: #fff;
  --v-color__2--transparent--alt1: rgb(255 255 255 / 90%);
  --v-color__2--alt1: #f4f4f5;
  --v-color__2--alt2: #e2e2e2;

  --v-color__3: #1b3862;
  --v-color__3--alt1: #214578;
  --v-color__3--alt2: #d7e3f4;
  --v-color__3--alt3: #afc7e9;

  --v-color__4: #009CD8;
  --v-color__4--alt1: #2c81ba;
  --v-color__4--alt2: #e6f8ff;

  --v-color__5: #26252b;
  --v-color__5--transparent--alt1: rgb(38 37 43 / 80%);
  --v-color__5--transparent--alt2: rgb(38 37 43 / 30%);
  --v-color__5--transparent--alt3: rgb(38 37 43 / 90%);
  --v-color__5--alt1: #312f37;
  --v-color__5--alt2: #707070;
  --v-color__5--alt3: #494752;
  --v-color__5--alt4: #3d3b44;
  --v-color__5--alt5: #5d5d5d;
  --v-color__5--alt6: #cac8d0;

  --v-color__6: #FF8A03;
  --v-color__6--alt1: #e67a00;

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

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

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

  --v-shadow__xs: rgb(18 25 97 / 15%) 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: 85rem;
  --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.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: "Poppins", sans-serif;
  --v-font-family__alt1: "Alumni Sans", sans-serif;

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

  --v-font-weight__alt1: 600;

  --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: 90%;
  --v-form-field__border-size: 1px;
  --v-form-field__label-margin: 0.1rem;

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

  --v-button__height: 3rem;

  /*
  --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.1rem;
  }
}

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

@media (min-width: 1400px) {
  :root {
    --v-font-size__h1: 2.8rem;
    --v-font-size__h2: 2.2rem;
    --v-font-size__h3: 1.6rem;

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

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