:root {
  --size-root: 16px;

  --color-bg-light: #f6f9ff;
  --color-bg: #f2f4f8;

  /*
  Original Colors
  --color-primary: #5bbdaf;
  --color-primary-hover: #47ccb9;
  --color-secondary: #f05f4f;
  --color-secondary-hover: #e7475e;

  --color-tertiary: #e8455e;
  --color-tertiary-hover: #e32b47;
  */

  --color-primary: #db6b30;
  --color-primary-hover: #d9c997;
  --color-secondary: #db6b30;
  --color-secondary-hover: #d9c997;

  --color-tertiary: #db6b30;
  --color-tertiary-hover: #d9c997;
  --color-accent-4: #e46b37;

  --color-success: #7ed321;
  --color-error: #d0021b;

  --color-bg-advisory-pg: #0e6fe0;
  --color-bg-form: #ffffff;

  --color-fg: #4a4a4a;
  --color-fg-light: #9b9b9b;
  --color-fg-lighter: #dddddd;
  --color-fg-inverse: #ffffff;

  --border-radius-small: 0.1875rem;
  --border-radius-form: 0.25rem;
  --border-radius-button: 0.3125rem;
  --border-radius-card: 0.625rem;
  --border-radius-ticket: 0.5rem;
  --border-radius-container: 0.5rem;
  --border-form: 0.0625rem solid var(--color-fg-lighter);

  --letter-spacing-narrowest: 0px;
  --letter-spacing-narrower: 0.1px;
  --letter-spacing-narrow: 0.11px;
  --letter-spacing: 0.17px;
  --letter-spacing-wide: 0.33px;
  --letter-spacing-wider: 0.5px;
  --letter-spacing-widest: 0.57px;

  --font-family-base: 'AyalaSans', sans-serif;
  --font-family-ayala-display-sans: 'AyalaDisplaySans', sans-serif;

  --font-weight: 400;
  --font-weight-bold: 700;
  --font-weight-boldest: 700;
  --font-weight-black: 900;

  --animation-duration: 300ms;
  --animation-duration-wow: 1000ms;
  --animation-easing: ease;
  --animation-linear: linear;

  --box-shadow: 0 20px 25px -10px rgba(0, 0, 0, 0.15);
  --box-shadow-medium: 0 22px 50px -20px rgba(0, 0, 0, 0.1);
  --box-shadow-medium-top: 0 -22px 50px -20px rgba(0, 0, 0, 0.1);
  --box-shadow-large: 0 32px 50px -20px rgba(0, 0, 0, 0.1);
  --box-shadow-form: 0px 8px 10px 0px rgba(0, 0, 0, 0.05);

  --text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);

  --page-layout-helper: 350px;

  --modal-width-max: 720px;
}