:root {
  --v-color__1: #1e1e1e;
  --v-color__1--transparent--alt1: rgb(0 0 0 / 40%);
  --v-color__1--transparent--alt2: rgb(0 0 0 / 60%);
  --v-color__1--alt4: #808080;
  --v-color__1--alt5: #bfbfbf;
  --v-color__1--150: #f1f1f3;

  --v-color__2: #fff;
  --v-color__2--alt1: #d9d9d9;
  --v-color__2--alt2: #bfbfbf;
  --v-color__2--alt3: #f1f1f1;

  --v-color__3: #e81b1b;
  --v-color__3--alt1: #d11515;
  --v-color__3--alt2: #fde8e8;

  --v-color__4: #29ace4;
  --v-color__4--alt1: #1997cc;

  --v-color__5: #9e713c;

  --v-color__6: #172a5b;
  --v-color__6--alt1: #24428f;

  --v-color__7: #2C8500;
  --v-color__7--alt1: #eeffe6;

  --v-color__8: #06C;
  --v-color__8--alt1: #e6f2ff;

  --v-color__9: #e60000;
  --v-color__9--alt1: #990000;
  --v-color__9--alt2: #ffe6e6;

  --v-color__10: #ff9900;

  --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-spacing__p: 1rem;
  --v-spacing__xs: 1rem;
  --v-spacing__sm: 2rem;
  --v-spacing__md: 2rem;
  --v-spacing__lg: 2rem;

  --v-layout__container-padding: 1.3rem;
  --v-layout__container-size--default: 85rem;
  --v-layout__container-size--xs: 40rem;
  --v-layout__container-size--sm: 60rem;
  --v-layout__container-size--lg: 120rem;

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

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

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

  --v-font-size__default: 1rem;
  --v-font-size__h1: 1.7rem;
  --v-font-size__h2: 1.4rem;
  --v-font-size__h3: 1.2rem;

  --v-line-height__default: 1.6;

  --v-form__spacing: 1rem;
  --v-form-field__padding--tb: 0.7rem;
  --v-form-field__padding--rl: 1rem;
  --v-form-field__font-size: 85%;
  --v-form-field__line-height: 1.2;
  --v-form-field__border-size: 2px;
  --v-form-field__label-margin: 3px;

  --v-entity__star: "\2605";
  --v-entity__stars--5: "\2605\2605\2605\2605\2605";
}

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

    --v-font-size__h1: 2.2rem;
    --v-font-size__h2: 1.8rem;
    --v-font-size__h3: 1.4rem;
  }
}

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

@media (min-width: 1400px) {
  :root {
    --v-font-size__default: 1.1rem;
    --v-font-size__h1: 2.7rem;
    --v-font-size__h2: 1.9rem;
    --v-font-size__h3: 1.5rem;

    --v-spacing__md: 4rem;
    --v-spacing__lg: 6rem;
  }
}

@media (min-width: 1600px) {
  :root {
    --v-font-size__h1: 2.8rem;
    --v-font-size__h2: 2rem;
  }
}