html {
      background-color: var(--main-content-background-color);
    }
    :root {
      --white: #ffffff;
      --black: #000000;
      --primary-color: #234e70;
      --secondary-color: #6c757d;
      --tertiary-color: #f8f9fa;

      --text-color: #333333;

      --main-content-background-color: #F6F8FA;
      --home-background-color: #F6F8FA;
      --markdown-text-color: #333333;

      --button-secondary-background-color: rgb(76, 73, 77);
      --button-disabled-background-color: #999999;

      --card-background-color: #FFFFFF;
      --card-border: none;
      --card-border-radius: 10px;
      --card-box-shadow: 0 0 4px rgba(0, 0, 0, .2);

      --event-card-border: none;
      --event-card-box-shadow: 0 0 4px rgba(0, 0, 0, .2);

      --event-details-header-background-color: #f3f1f1;
      --event-details-content-background-color: #FFFFFF;
      --event-details-content-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
      --event-details-action-container-background-color: #FFFFFF;
      --event-details-action-container-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
      --event-details-action-container-border: none;

      --event-identity-divider-color: #CCCCCC;
      --event-identity-change-email-button-border: 1px solid #333333;
      --event-identity-change-email-button-text-color: #333333;

      --header-background-color: #FFFFFF;
      --header-text-color: #333333;
      --header-border: none;
      --header-box-shadow: 0 0 4px rgba(0, 0, 0, .2);

      --hero-section-max-width: 2500px;
      --hero-section-background-color: #FFFFFF;
      --hero-section-padding: 0;
      --hero-section-box-shadow: 0 0 4px rgba(0, 0, 0, .2);

      --loader-box-shadow-color: #777777;

      --text-input-color: #333333;
      --text-input-background-color: #FFFFFF;
      --text-input-border: 1px solid #e0e0e0;
      --text-input-border-error: 1px solid #dc3545;
      --text-input-border-radius: 5px;

      --otp-input-color: #333333;
      --otp-input-background-color: #FFFFFF;
      --otp-input-border: 1px solid #e0e0e0;

      --divider-color: #E8E8E8;

      --stepper-line-color: #4c494d;

      --svg-color-default: #333333;
      --svg-weticket-logo-color: #333333;

      --footer-callout-banner-background-color: #234e70;
      --footer-callout-banner-button-background-color: #FFFFFF;
      --footer-callout-banner-button-text-color: #234e70;
      --footer-callout-banner-text-color: #FFFFFF;
      --footer-callout-banner-box-shadow: 0 0 4px rgba(0, 0, 0, .2);

      --footer-background-color: #2C2C2C;
      --footer-divider-color: #E8E8E8;
      --footer-text-color: #FFFFFF;

      --sponsor-banner-background-color: #FFFFFF;

      --success-color: #28a745;
      --danger-color: #dc3545;
      --warning-color: #ffc107;
      --info-color: #17a2b8;
      --light-color: #f8f9fa;
      --dark-color: #343a40;

      --banner-sold-out-background-color: #dc3545;

      --scrollbar-color-thumb: #CCCCCC;
      --scrollbar-color-track: #F3F1F1;
      --scrollbar-width: thin;
      --scrollbar-width-legacy: 10px;
    }