:root {
    --beon-booking-color-1: #000C27;
    --beon-booking-color-2: #7d91a0;
    --beon-booking-color-3: #dadce0;
    --beon-booking-color-4: #df2545;
    --beon-booking-color-5:#F7E1E4;
    --beon-booking-color-6: #FFE7BA;
    --beon-booking-color-7: #F6CA45;
    --beon-booking-color-8: #166434;
    --beon-booking-color-9: #45ac55;
    --beon-booking-color-10: #e0e0e0;
    --beon-booking-color-11: #dbe6ed;
    --beon-booking-color-12: #a8c2d1;
    --beon-booking-color-13: #f4f5f8;
    --beon-booking-color-14: #ffffff;

    --beon-booking-font-size-xxl: 30px;
    --beon-booking-font-size-xl: 22px;
    --beon-booking-font-size-l: 16px;
    --beon-booking-font-size-m: 16px;
    --beon-booking-font-size-s: 14px;
    --beon-booking-font-size-xs: 12px;

    --beon-booking-font-family-1: 'Roboto';

    --beon-booking-line-height-1: 60px;
    --beon-booking-line-height-2: 45px;
    --beon-booking-line-height-3: 38px;
    --beon-booking-line-height-4: 28px;
    --beon-booking-line-height-5: 26px;
    --beon-booking-line-height-6: 24px;

    --beon-booking-font-weight-medium: 500;
    --beon-booking-font-weight-bold: 700;

    --beon-booking-error-text-color: var(--beon-booking-color-4);
    --beon-booking-error-background-color: var(--beon-booking-color-5);
    --beon-booking-error-border-color: var(--beon-booking-color-4);


    --beon-booking-success-text-color: var(--beon-booking-color-8);
    --beon-booking-success-background-color: var(--beon-booking-color-9);
    --beon-booking-success-border-color: var(--beon-booking-color-9);

    --beon-booking-check-icon-color: var(--beon-booking-color-14);
    --beon-booking-check-icon-background-color: var(--beon-booking-color-9);

    --beon-booking-border-radius-s: 5px;
    --beon-booking-border-radius-m: 10px;
    --beon-booking-border-radius-l: 20px;


    --beon-booking-border-color: var(--beon-booking-color-10);
    --beon-booking-line-color: var(--beon-booking-color-10);
    --beon-booking-text-color: var(--beon-booking-color-1);

    --beon-booking-background-color: rgb(255, 255, 255);
    --beon-booking-element-background-color: var(--beon-booking-color-14);

    /* stepline*/
    --beon-booking-stepline-aktiv-color: var(--beon-booking-color-1);
    --beon-booking-stepline-inaktiv-color: var(--beon-booking-color-12);
    --beon-booking-stepline-aktiv-text-color: var(--beon-booking-color-1);
    --beon-booking-stepline-inaktiv-text-color: var(--beon-booking-color-1);

     /* page-1 */
    --beon-booking-page-1-background-color: var(--beon-booking-color-14);
    --beon-booking-page-1-border-radius: var(--beon-booking-border-radius-m);
    --beon-booking-page-1-border-radius-l: var(--beon-booking-border-radius-l);

    --beon-booking-page-1-button-border-color: var(--beon-booking-border-color);
    --beon-booking-page-1-button-background-color: var(--beon-booking-color-14);
    --beon-booking-page-1-button-color: var(--beon-booking-text-color);
    --beon-booking-page-1-button-hover-background-color: var(--beon-booking-color-14);
    --beon-booking-page-1-button-hover-color: var(--beon-booking-text-color);

    --beon-booking-button-submit-color: var(--beon-booking-text-color);
    --beon-booking-button-submit-background-color: var(--beon-booking-color-7);
    --beon-booking-button-submit-hover-background-color: var(--beon-booking-color-7);
    --beon-booking-button-submit-hover-color: var(--beon-booking-text-color);
    --beon-booking-button-submit-font-size: var(--beon-booking-font-size-l);
    --beon-booking-button-submit-font-weight: var(--beon-booking-font-weight-bold);

    --beon-booking-num-input-button-deactive-background-color: var(--beon-booking-color-13);
    --beon-booking-num-input-button-deactive-color: var(--beon-booking-color-1);
    --beon-booking-num-input-button-background-color: var(--beon-booking-color-1);
    --beon-booking-num-input-button-color: var(--beon-booking-color-13);
    --beon-booking-num-input-button-hover-background-color: var(--beon-booking-color-1);
    --beon-booking-num-input-button-hover-color: var(--beon-booking-color-13);

    --beon-booking-input-field-background-color: var(--beon-booking-color-14);
    --beon-booking-input-field-border-color: var(--beon-booking-border-color);
    --beon-booking-input-field-color: var(--beon-booking-text-color);
    --beon-booking-input-field-font-size: var(--beon-booking-font-size-l);
    --beon-booking-input-field-font-weight: var(--font-weight-3);
    --beon-booking-input-field-font-family: var(--beon-booking-font-family-1);

    --beon-booking-label-input-field-color: var(--beon-booking-text-color);
    --beon-booking-label-input-field-font-size: var(--beon-booking-font-size-xs);
    --beon-booking-label-input-field-font-weight: var(--font-weight-3);

    --beon-booking-arrow-input-button-deactive-background-color: var(--beon-booking-color-13);
    --beon-booking-arrow-input-button-deactive-color: var(--beon-booking-color-1);
    --beon-booking-arrow-input-button-background-color: var(--beon-booking-color-1);
    --beon-booking-arrow-input-button-color: var(--beon-booking-color-13);
    --beon-booking-arrow-input-button-hover-background-color: var(--beon-booking-color-1);
    --beon-booking-arrow-input-button-hover-color: var(--beon-booking-color-13);

    --beon-booking-icon-button-deactive-background-color: var(--beon-booking-color-13);
    --beon-booking-icon-button-deactive-color: var(--beon-booking-color-14);
    --beon-booking-icon-button-background-color: var(--beon-booking-color-13);
    --beon-booking-icon-button-color: var(--beon-booking-color-1);
    --beon-booking-icon-button-hover-background-color: var(--beon-booking-color-1);
    --beon-booking-icon-button-hover-color: var(--beon-booking-color-13);

    --beon-booking-modal-header-text-color: var(--beon-booking-text-color);
    --beon-booking-modal-header-border-aktiv-color: var(--beon-booking-color-1);
    --beon-booking-modal-header-border-inactiv-color: var(--beon-booking-border-color);
    --beon-booking-modal-header-icon-color: var(--beon-booking-color-1);
    --beon-booking-modal-header-icon-background-color: var(--beon-booking-color-1);

    --beon-booking-modal-background-color: var(--beon-booking-color-14);
    --beon-booking-modal-border-radius: var(--beon-booking-border-radius);
    --beon-booking-modal-footer-button-color: var(--beon-booking-text-color);
    --beon-booking-modal-footer-button-background-color: var(--beon-booking-color-7);
    --beon-booking-modal-footer-button-hover-background-color: var(--beon-booking-color-7);
    --beon-booking-modal-footer-button-hover-color: var(--beon-booking-text-color);
    --beon-booking-modal-line-color: var(--beon-booking-line-color);

    --beon-booking-calendar-unavailable : "transparent";
    --beon-booking-calendar-unavailable-text: var(--beon-booking-color-3);
    --beon-booking-calendar-available: "transparent";
    --beon-booking-calendar-available-text:  var(--beon-booking-color-1);
    --beon-booking-calendar-locked-available: "transparent";
    --beon-booking-calendar-locked-available-text: var(--beon-booking-color-1);
    --beon-booking-calendar-past: "transparent";
    --beon-booking-calendar-past-text:  var(--beon-booking-color-3);;
    --beon-booking-calendar-locked: "transparent";
    --beon-booking-calendar-locked-text:  var(--beon-booking-color-3);;
    --beon-booking-calendar-selected: var(--beon-booking-color-6);
    --beon-booking-calendar-selected-text: var(--beon-booking-color-1);
    --beon-booking-calendar-selected-day: var(--beon-booking-color-7);
    --beon-booking-calendar-selected-day-text: var(--beon-booking-color-1);
    --beon-booking-calendar-tooltip: var(--beon-booking-color-1);
    --beon-booking-calendar-tooltip-text: var(--beon-booking-color-14);
    --beon-booking-calendar-border-radius: 15px;
    --beon-booking-calendar-day-width: 40px;
    --beon-booking-calendar-day-height: 40px;
    --beon-booking-calendar-day-size: 35px;
    --beon-booking-calendar-button-background-color: var(--beon-booking-color-1);
    --beon-booking-calendar-button-color: var(--beon-booking-color-14);
    --beon-booking-calendar-button-border-color: transparent;
    --beon-calender-button-border-radius: 60px;

    --beon-booking-button-background-color: var(--beon-booking-color-1);
    --beon-booking-button-color: var(--beon-booking-color-14);
    --beon-booking-button-hover-background-color: var(--beon-booking-color-1);
    --beon-booking-button-hover-color: var(--beon-booking-color-14);

    --beon-booking-back-button-background-color: var(--beon-booking-color-14);
    --beon-booking-back-button-color: var(--beon-booking-color-1);
    --beon-booking-back-button-hover-background-color: var(--beon-booking-color-14);
    --beon-booking-back-button-hover-color: var(--beon-booking-color-1);

    --beon-booking-banner-background-color: var(--beon-booking-color-7);
    --beon-booking-banner-text-color: var(--beon-booking-color-1);

    --beon-booking-rrv-select-color: var(--beon-booking-color-1);
    --beon-booking-select-color: var(--beon-booking-color-14);
    --beon-booking-select-background-color: var(--beon-booking-color-1);

    --beon-booking-unit-score-background-color: var(--beon-booking-color-8);
    --beon-booking-unit-score-color: var(--beon-booking-color-14);

    --beon-booking-spinner-color: var(--beon-booking-color-1);
    --beon-booking-spinner-background-color: var(--beon-booking-color-14);

    --beon-booking-tooltip-color: var(--beon-booking-color-14);
    --beon-booking-tooltip-background-color: var(--beon-booking-color-1);

}