:root {
  --theme-background: 255, 255, 255;
  --theme-surface: 255, 255, 255;
  --theme-primary: 88, 59, 182;
  --theme-secondary: 250, 35, 86;
  --theme-error: 255, 82, 82;
  --theme-success: 27, 126, 73;
  --theme-warning: 251, 140, 0;
  --theme-grey100: 245, 248, 251;
  --theme-grey200: 235, 239, 242;
  --theme-grey400: 221, 225, 230;
  --theme-grey600: 157, 163, 169;
  --theme-grey800: 71, 75, 79;
  --theme-accent2: 53, 125, 249;
  --theme-on-background: 0, 0, 0;
  --theme-on-surface: 0, 0, 0;
  --theme-on-primary: 255, 255, 255;
  --theme-on-secondary: 255, 255, 255;
  --theme-on-error: 255, 82, 82;
  --theme-on-success: 255, 255, 255;
  --theme-on-warning: 255, 255, 255;
  --border-color: 0, 0, 0;
  --border-opacity: 0.12;
}


body {
    
  font-family: Montserrat Alternates SemiBold Regular, sans-serif;
}

.bg-background {
  background-color: rgb(var(--theme-background));
  color: rgb(var(--theme-on-background));
}

.bg-surface {
  background-color: rgb(var(--theme-surface));
  color: rgb(var(--theme-on-surface));
}

.bg-primary {
  background-color: rgb(var(--theme-primary));
  color: rgb(var(--theme-on-primary));
}

.bg-secondary {
  background-color: rgb(var(--theme-secondary));
  color: rgb(var(--theme-on-secondary));
}

.bg-error {
  background-color: rgb(var(--theme-error));
  color: rgb(var(--theme-on-error));
}

.bg-success {
  background-color: rgb(var(--theme-success));
  color: rgb(var(--theme-on-success));
}

.bg-warning {
  background-color: rgb(var(--theme-warning));
  color: rgb(var(--theme-on-warning));
}

.bg-grey100 {
  background-color: rgb(var(--theme-grey100));
}

.bg-grey200 {
  background-color: rgb(var(--theme-grey200));
}

.bg-grey400 {
  background-color: rgb(var(--theme-grey400));
}

.bg-grey600 {
  background-color: rgb(var(--theme-grey600));
}

.bg-grey800 {
  background-color: rgb(var(--theme-grey800));
}

.bg-accent2 {
  background-color: rgb(var(--theme-accent2));
  color: rgb(var(--theme-on-background));
}

.text-background { color: rgb(var(--theme-background)); }
.text-surface { color: rgb(var(--theme-surface)); }
.text-primary { color: rgb(var(--theme-primary)); }
.text-secondary { color: rgb(var(--theme-secondary)); }
.text-error { color: rgb(var(--theme-error)); }
.text-success { color: rgb(var(--theme-success)); }
.text-warning { color: rgb(var(--theme-warning)); }
.text-grey100 { color: rgb(var(--theme-grey100)); }
.text-grey200 { color: rgb(var(--theme-grey200)); }
.text-grey400 { color: rgb(var(--theme-grey400)); }
.text-grey600 { color: rgb(var(--theme-grey600)); }
.text-grey800 { color: rgb(var(--theme-grey800)); }
.text-accent2 { color: rgb(var(--theme-accent2)); }

.border-background { border-color: rgba(var(--theme-background), var(--border-opacity)); }
.border-surface { border-color: rgba(var(--theme-surface), var(--border-opacity)); }
.border-primary { border-color: rgba(var(--theme-primary), var(--border-opacity)); }
.border-secondary { border-color: rgba(var(--theme-secondary), var(--border-opacity)); }
.border-error { border-color: rgba(var(--theme-error), var(--border-opacity)); }
.border-success { border-color: rgba(var(--theme-success), var(--border-opacity)); }
.border-warning { border-color: rgba(var(--theme-warning), var(--border-opacity)); }
.border-grey100 { border-color: rgba(var(--theme-grey100), var(--border-opacity)); }
.border-grey200 { border-color: rgba(var(--theme-grey200), var(--border-opacity)); }
.border-grey400 { border-color: rgba(var(--theme-grey400), var(--border-opacity)); }
.border-grey600 { border-color: rgba(var(--theme-grey600), var(--border-opacity)); }
.border-grey800 { border-color: rgba(var(--theme-grey800), var(--border-opacity)); }
.border-accent2 { border-color: rgba(var(--theme-accent2), var(--border-opacity)); }

.v-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.v-btn--block {
  display: block;
  width: 100%;
}

.v-btn--flat {
  box-shadow: none;
}

.v-input {
  margin-bottom: 1rem;
}

.v-input__control {
  position: relative;
}

.v-field {
  display: flex;
  align-items: center;
  background-color: rgb(var(--theme-grey100));
  border-radius: 4px;
  padding: 0.375rem 0.75rem;
}

.v-field__input {
  flex: 1;
  border: none;
  background: transparent;
  outline: none;
}

.v-messages {
  font-size: 0.875rem;
  color: rgb(var(--theme-error));
  margin-top: 0.25rem;
}