:root {
  /* Font */
  --otrl-stc-widget--primary-font-family: Arial, sans-serif;
  --otrl-stc-widget--secondary-font-family: var(--otrl-stc-widget--primary-font-family);
  --otrl-stc-widget--font-weight: 400;
  --otrl-stc-widget--font-weight-bold: 600;
  --otrl-stc-widget--moz-osx-font-smoothing: auto;
  --otrl-stc-widget--webkit-font-smoothing: auto;

  /* Brand colours */
  --otrl-stc-widget--primary-color: #003367;
  --otrl-stc-widget--secondary-color: #165e99;
  --otrl-stc-widget--tertiary-color: #fec51d;
  --otrl-stc-widget--default-text-color: #041722;
  --otrl-stc-widget--white-color: #fff;

  /* Text */
  --otrl-stc-widget--text-color: var(--otrl-stc-widget--default-text-color);

  /* Components */
  --otrl-stc-widget--border-color: #d9dcde;
  --otrl-stc-widget--outline-color: #4d90fe;
  --otrl-stc-widget--travel-period-background: var(--otrl-stc-widget--secondary-color);
  --otrl-stc-widget--cost-per-day--color: var(--otrl-stc-widget--secondary-color);
  --otrl-stc-widget--cost-per-day--weight: bold;
  --otrl-stc-widget--ticket-price-color: var(--otrl-stc-widget--default-text-color);
  --otrl-stc-widget--icon-chevron-right: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' height='16' width='16' %3e%3cpath fill='%23041722' d='M5.473,3.573C5.073,3.973 5.073,4.573 5.473,4.973L8.573,8.173L5.473,11.273C5.073,11.673 5.073,12.273 5.473,12.673C5.873,13.073 6.473,13.173 6.873,12.773L10.573,9.073C10.773,8.773 10.873,8.473 10.873,8.173C10.873,7.873 10.873,7.573 10.573,7.273L6.873,3.573C6.473,3.173 5.873,3.173 5.473,3.573Z' /%3e%3c/svg%3e");

  /* Button */
  --otrl-stc-widget--button-primary-color: var(--otrl-stc-widget--default-text-color);
  --otrl-stc-widget--button-primary-contained-background: var(--otrl-stc-widget--white-color);
  --otrl-stc-widget--button-primary-contained-color: var(--otrl-stc-widget--primary-color);

  /* @otrl/ui */
  --otrl-ui--button-text-color: var(--otrl-stc-widget--default-text-color);
  --otrl-ui--button-background: var(--otrl-stc-widget--tertiary-color);

  --otrl-ui--badge-text-color: var(--otrl-stc-widget--text-color);
  --otrl-ui--badge-rounder-square-text-color: var(--otrl-stc-widget--white-color);
  --otrl-ui--badge-background--primary: var(--otrl-stc-widget--secondary-color);

  --otrl-ui--modal-header-background: var(--otrl-stc-widget--primary-color);
  --otrl-ui--modal-background: var(--otrl-stc-widget--primary-color);
}