:root {
  --v-color-1: #000;
  --v-color-1--300: #606060;
  --v-color-1--250: #666666;
  --v-color-1--200: #dcdcdc;

  --v-color-2: #fff;
  --v-color-2--transparent--400: rgb(255 255 255 / 95%);
  --v-color-2--transparent--300: rgb(255 255 255 / 85%);

  --v-color-3: #19365e;
  --v-color-3--300: #d4eef0;
  --v-color-3--transparent--400: rgb(25 54 94 / 95%);
  --v-color-3--transparent--300: rgb(25 54 94 / 85%);

  --v-color-4: #D8CFC0;
  --v-color-4--300: #ece7df;
  --v-color-4--transparent--300: rgb(216 207 192 / 85%);

  --v-color-5: #9A7B5F;

  --v-transition-default: all 0.2s ease-in-out;

  --v-shadow-default: 0 0 20px 5px rgb(0 0 0 / 10%);
  --v-shadow-xs: 0 0 12px 0 rgb(0 0 0 / 5%);
  --v-shadow-menu: rgb(0 0 0 / 10%) 0 4px 6px -1px, rgb(0 0 0 / 6%) 0 2px 4px -1px;

  --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: 60rem;
  --v-layout-container-size-lg: 75rem;
  --v-layout-container-size-xl: 85rem;

  --v-border-radius-sm: 5px;
  --v-border-radius-md: 10px;
  --v-border-radius-lg: 15px;
  --v-border-radius-xl: 30px;

  --v-font-family-default: "Montserrat", sans-serif;
  --v-font-family-headers: var(--v-font-family-default);

  --v-font-weight-default: 400;
  --v-font-weight-bold: 700;

  /* Header sizes -> */
  --v-p-header-main-size: 4.5rem;
  --v-p-header-main-size--sticky: 4.5rem;

  --v-p-header-logo-spacing: 0.5rem;
  --v-p-header-logo-spacing--sticky: 0.5rem;
  /* <- Header sizes */
}

@media (min-width: 700px) {
  :root {
    --v-spacing-lg: 4rem;

    --v-border-radius-lg: 25px;

    --v-p-header-main-size: 10rem;
    --v-p-header-main-size--sticky: 6rem;
  }
}

@media (min-width: 1000px) {
  :root {
    --v-spacing-md: 3rem;
    --v-spacing-lg: 5rem;
  }
}

@media (min-width: 1200px) {
  :root {
    --v-spacing-md: 4rem;

    --v-p-header-main-size: 13rem;
  }
}

@media (min-width: 1400px) {
  :root {
    --v-spacing-md: 6rem;
  }
}

@media (min-width: 1500px) {
  :root {
    --v-p-header-main-size--sticky: 8rem;

    --v-spacing-lg: 8rem;
  }
}