:root {
  /* new #/
    /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 30px;

  /* Radii */
  --radius-sm: 5px;
  --radius-md: 10px;
  --radius-lg: 20px;

  /* Shadows */
  --shadow-soft: 0px 0px 3px 0px #b3b3b3;

  /* Transitions */
  --transition-fast: 0.2s;
  --transition-normal: 0.5s;

  /* Calendar-specific tokens */
  --calendar-title-font-size: 1.2em;
  --calendar-day-font-size: 1em;
  --calendar-day-price-font-size: 0.9em;
  --calendar-grid-gap: 10px;
  --calendar-grid-gap-mobile: 6px;
  --calendar-day-radius: 6px;
  --calendar-day-bg: var(--ovv-green);
  --calendar-day-color: #fff;
  --calendar-day-hover-bg: var(--ovv-orange);
  --calendar-day-disabled-bg: var(--background-light);
  --calendar-day-disabled-color: var(--text-color);
  --calendar-day-active-bg: var(--ovv-orange);
  --calendar-day-semi-active-bg: var(--button-hover-color, var(--primary-color-500));
  --calendar-nav-bg: var(--ovv-blue);
  --calendar-nav-color: #fff;
  --calendar-title-color: var(--ovv-orange);
  --header-title-color: var(--ovv-orange);
  

  --background-color: transparent;
  --primary-color-100: var(--background-light);
  --primary-color-300: #577184;
  --primary-color-500: #495e6d;
  --primary-color-700: #384955;
  --primary-color-900: #384955;
  --secondary-color-100: #ffbdbf52;
  --secondary-color-300: #ff7076;
  --secondary-color-500: #ff5960;
  --secondary-color-700: #ED1B24;
  --secondary-color-900: #ED1B24;
  --neutral-100: white;
  --neutral-300: whitesmoke;
  --neutral-500: #efefef;
  --neutral-700: #d2cece;
  --neutral-900: #666;
  --grey-100: #e3f2f9;
  --grey-300: #d5e8f1;
  --grey-500: #c6dce6;
  --grey-700: #a8c3d0;
  --grey-900: #394a52;
  --black-700: #313131;
  --black-900: #1b1b1b;
  --red-100: #fbdedd;
  --red-300: #c74a48;
  --red-500: #c5413f;
  --red-700: #9a322f;
  --red-900: #791310;
  --green-300: #52bf8a;
  --green-500: #41b37c;
  --green-700: #41b37c;
  --yellow-300: #efae51;
  --yellow-500: #e6a446;
  --yellow-700: #cc8e37;
  --content-padding: 30px;
  --content-border: none;
  /* --content-shadow: 0px 1px 4px 0px #064f6d; */
  --content-shadow: none;
  --content-header-background-color: var(--primary-color-900);
  --content-header-text-color: white;
  --content-footer-background-color: #ecf9ff;
  --content-body-background-color: #ecf9ff;
  /* --content-body-text-color: var(var(--black-900)); */
  --content-body-text-color: var(--text-color);
  --sidebar-color: white;
  --max-body-width: 1400px;
  /* --input-label-color: var(--black-700); */
  /* --input-value-color: var(--black-700); */
  --input-label-color: var(--text-color);
  --input-value-color: var(--text-color);
  --input-border-color: var();
  --input-border-color: var(--text-color);
  --border-radius: 20px;
  --bold-weight: 700;
  --font-family: 'Archivo', "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  --font-title: 'Hobo';
  --font-paragraph: 'Archivo';
  --ovv-orange: #F39200;
  --ovv-blue: #2F9DCC;
  --ovv-green: #A4C939;
  --text-color: #6D4F36;
  --text-color-light: #AE9875;
  --calendar-day: #6D4F36;
  --background-light: #F9F2DF;
  --background-dark: #EBDDB1;
  --lock-icon: #EBDDB1;
}

@media only screen and (max-width: 1000px) {
  :root {
    --content-padding: 20px;
  }
}
@media only screen and (max-width: 500px) {
  :root {
    --border-radius: 5px;
    --content-padding: 10px;
  }
}/*# sourceMappingURL=variables.css.map */