:root {
  --gutter-width: 16px;
}

@media (min-width: 768px) {
  :root {
    --gutter-width: 20px;
  }
}
@media (min-width: 1200px) {
  :root {
    --gutter-width: 32px;
  }
}
:root {
  --p-font-size: 14px;
  --h2-font-size: 24px;
  --h3-font-size: 20px;
  --h4-font-size: 16px;
}

@media (min-width: 992px) {
  :root {
    --p-font-size: 16px;
    --h2-font-size: 28px;
    --h3-font-size: 24px;
    --h4-font-size: 18px;
  }
}
:root {
  --gutter-width: 16px;
}

@media (min-width: 768px) {
  :root {
    --gutter-width: 20px;
  }
}
@media (min-width: 1200px) {
  :root {
    --gutter-width: 32px;
  }
}
:root {
  --p-font-size: 14px;
  --h2-font-size: 24px;
  --h3-font-size: 20px;
  --h4-font-size: 16px;
}

@media (min-width: 992px) {
  :root {
    --p-font-size: 16px;
    --h2-font-size: 28px;
    --h3-font-size: 24px;
    --h4-font-size: 18px;
  }
}
:root {
  --vue-brand-neutral: #FF0000;
  --vue-brand-neutral-hover: #cc0000;
  --vue-brand-neutral-focus: var(--vue-brand-neutral-hover);
  --vue-brand-neutral-focus-hover: var(--vue-brand-neutral-hover);
  --vue-brand-positive: #6CC05E;
  --vue-brand-positive-hover: #51a942;
  --vue-brand-positive-focus: var(--vue-brand-positive-hover);
  --vue-brand-positive-focus-hover: var(--vue-brand-positive-hover);
  --vue-brand-negative: #dc3545;
  --vue-brand-negative-hover: #bd2130;
  --vue-brand-negative-focus: var(--vue-brand-negative-hover);
  --vue-brand-negative-focus-hover: var(--vue-brand-negative-hover);
  --vue-brand-warning: #EA8F31;
  --vue-brand-warning-text-color: #664d03;
  --vue-brand-warning-light: #fdf4ea;
  --vue-brand-warning-hover: #d37615;
  --vue-brand-warning-focus: var(--vue-brand-warning-hover);
  --vue-brand-warning-focus-hover: var(--vue-brand-warning-hover);
  --vue-brand-border-color: #D5D8E1;
  --vue-brand-bg-color-primary: #f7f7f7;
  --vue-brand-bg-color-secondary: #e7e7e7;
  --vue-backdrop-color: #0E1D44;
  --vue-backdrop-background: #F4F6FB;
  --vue-text-color: #444444;
  --vue-header-color: var(--vue-backdrop-color);
  --vue-label-color: var(--vue-text-color);
  --vue-icon-color: var(--vue-brand-neutral);
  --vue-base-size: 1rem;
  --vue-text-size: var(--p-font-size);
  --vue-border-radius: 0.75rem;
  --vue-border-radius-small: 0.5rem;
  --vue-line-height: 1.2;
  --vue-card-padding: 30px 20px;
  --vue-sticky-top: 0;
  --vue-text-font: LBSThesis, Helvetica, Verdana, Arial, sans-serif;
  --vue-label-font: var(--vue-text-font);
  --vue-header-font: var(--vue-text-font);
  --vue-small-size: 14px;
  --vue-label-size: var(--vue-text-size);
  --vue-p-size: var(--vue-text-size);
  --vue-h6-size: var(--vue-text-size);
  --vue-h5-size: var(--vue-text-size);
  --vue-h4-size: var(--h4-font-size);
  --vue-h3-size: var(--h3-font-size);
  --vue-h2-size: var(--h2-font-size);
  --vue-h1-size: clamp(24px, 3vw, 50px);
  --vue-font-weight-light: 300;
  --vue-font-weight-normal: 400;
  --vue-font-weight-medium: 500;
  --vue-font-weight-semibold: 600;
  --vue-font-weight-bold: 700;
  --vue-label-weight: var(--vue-font-weight-normal);
  --vue-p-weight: var(--vue-font-weight-normal);
  --vue-bold-weight: var(--vue-font-weight-semibold);
  --vue-h6-weight: var(--vue-font-weight-medium);
  --vue-h5-weight: var(--vue-font-weight-medium);
  --vue-h4-weight: var(--vue-font-weight-medium);
  --vue-h3-weight: var(--vue-font-weight-normal);
  --vue-h2-weight: var(--vue-font-weight-medium);
  --vue-h1-weight: var(--vue-font-weight-medium);
  --vue-p-color:	var(--vue-text-color);
  --vue-h6-color: var(--vue-header-color);
  --vue-h5-color: var(--vue-header-color);
  --vue-h4-color: var(--vue-header-color);
  --vue-h3-color: var(--vue-header-color);
  --vue-h2-color: var(--vue-header-color);
  --vue-h1-color: var(--vue-header-color);
  --vue-space-xs: 8px;
  --vue-space-md: 16px;
  --vue-space-lg: 20px;
  --vue-space-xl: 30px;
  --vue-space-xxl: 40px;
  --vue-space-xxxl: 60px;
  --vue-button-neutral-color: white;
  --vue-button-neutral-shadow: 0px 7px 15px rgba(230, 0, 0, 0.45);
  --vue-button-neutral-shadow-hover: 0px 10px 18px rgba(230, 0, 0, 0.45);
  --vue-button-neutral-shadow-focus: 0px 7px 15px rgba(230, 0, 0, 0.45);
  --vue-button-neutral-shadow-focus-hover: 0px 7px 15px rgba(230, 0, 0, 0.45);
  --vue-button-positive-color: white;
  --vue-button-positive-shadow: 0 7px 15px #0D715273;
  --vue-button-positive-shadow-hover: 0 10px 18px #0D715273;
  --vue-button-positive-shadow-focus: 0 3px 10px #0D715273;
  --vue-button-positive-shadow-focus-hover: var(--vue-button-positive-shadow-hover);
  --vue-button-negative-color: white;
  --vue-button-negative-shadow: 0 7px 15px #CE172473;
  --vue-button-negative-shadow-hover: 0 10px 18px #CE172473;
  --vue-button-negative-shadow-focus: 0 3px 10px #CE172473;
  --vue-button-negative-shadow-focus-hover: var(--vue-button-negative-shadow-hover);
  --vue-input-padding: 0.5rem;
  --vue-input-default-width: 200px;
  --vue-input-label-transform: none;
  --vue-input-label-weight: 400;
  --vue-input-color: var(--vue-label-color);
  --vue-input-color-hover: var(--vue-label-color);
  --vue-input-color-focus: var(--vue-label-color);
  --vue-input-color-focus-hover: var(--vue-label-color);
  --vue-input-background: transparent;
  --vue-input-background-hover: var(--vue-brand-bg-color-secondary);
  --vue-input-background-focus: var(--vue-input-background-hover);
  --vue-input-background-focus-hover: var(--vue-input-background-hover);
  --vue-input-shadow: 0 0 15px rgba(68, 68, 68, 0.2);
  --vue-input-outline-shadow: none;
  --vue-input-shadow-hover: var(--vue-input-outline-shadow);
  --vue-input-shadow-focus: var(--vue-input-outline-shadow);
  --vue-input-shadow-focus-hover: var(--vue-input-outline-shadow);
  --vue-input-border: 1px solid var(--vue-brand-border-color);
  --vue-input-border-hover: 1px solid var(--vue-brand-neutral);
  --vue-input-border-focus: var(--vue-input-border-hover);
  --vue-input-border-focus-hover: var(--vue-input-border-hover);
  --vue-input-invalid-color: var(--vue-brand-warning-text-color);
  --vue-input-invalid-background: var(vue-input--background);
  --vue-input-invalid-outline: none;
  --vue-input-invalid-box-shadow: none;
  --vue-input-invalid-border: 1px solid var(--vue-brand-warning);
  --vue-input-invalid-hover-border: 1px solid var(--vue-brand-warning-hover);
  --vue-even-color: #333333;
  --vue-even-color-hover: var(--vue-even-color);
  --vue-even-color-focus: var(--vue-even-color);
  --vue-even-color-focus-hover: var(--vue-even-color);
  --vue-even-background: #FFFFFF;
  --vue-even-background-hover: #EBEBEB;
  --vue-even-background-focus: var(--vue-even-background);
  --vue-even-background-focus-hover: var(--vue-even-background-hover);
  --vue-odd-color: #333333;
  --vue-odd-color-hover: var(--vue-odd-color);
  --vue-odd-color-focus: var(--vue-odd-color);
  --vue-odd-color-focus-hover: var(--vue-odd-color);
  --vue-odd-background: #F5F5F5;
  --vue-odd-background-hover: #EBEBEB;
  --vue-odd-background-focus: var(--vue-odd-background);
  --vue-odd-background-focus-hover: var(--vue-odd-background-hover);
  --vue-card-color: #909090;
  --vue-card-color-hover: var(--vue-card-color);
  --vue-card-color-focus: var(--vue-card-color);
  --vue-card-color-focus-hover: var(--vue-card-color);
  --vue-card-background: #FFFFFF;
  --vue-card-background-hover: var(--vue-card-background);
  --vue-card-background-focus: var(--vue-card-background);
  --vue-card-background-focus-hover: var(--vue-card-background);
  --vue-card-border: none;
  --vue-card-border-hover: var(--vue-card-border);
  --vue-card-border-focus: var(--vue-card-border);
  --vue-card-border-focus-hover: var(--vue-card-border);
  --vue-card-shadow: 0 0 30px rgba(68, 68, 68, 0.1);
  --vue-card-shadow-hover: var(--vue-card-shadow);
  --vue-card-shadow-focus: var(--vue-card-shadow);
  --vue-card-shadow-focus-hover: var(--vue-card-shadow);
  --vue-note-padding: 15px 10px;
  --vue-note-border-width: 4px;
  --vue-note-border-style: solid;
  --vue-note-neutral-color: var(--vue-card-color);
  --vue-note-neutral-background: #E5E5E5;
  --vue-note-positive-color: var(--vue-card-color);
  --vue-note-positive-background: #CFE5DD;
  --vue-note-negative-color: var(--vue-card-color);
  --vue-note-negative-background: #FFD6DA;
}