:root {
	--content-side-padding: 20px; /* Global Left-Right Padding for Responsive */
	--bg-color: white;
	--bg-color-translucent: rgba(255,255,255,0.75);
	--desktop-header-blur: blur(12px);
	--main-text-color: #000;
	--sub-text-color: #707070;
	--link-text-hover:#0004f5;
	--search-text-placeholder:#c2c2c2;
	--search-border-colors:#c2c2c2;
	--menu-color: black;
	--logo-color: black;
	--signup-button-text:#fff;
	--signup-button-background:#0004f5;
	--signup-button-outline:#0004f5;
	--login-button-text:#000;
	--login-button-background:#fff;
	--login-button-outline:#000;
	--hero-slider-background:#f7f7f7;
	--hero-slider-title:#000;
	--hero-slider-accent:#666;
	--hero-slider-button-outline:#000;
	--hero-slider-button-background:#000;
	--hero-slider-button-text:#fff;
	--ode-blue:#0004f5;
	--custom-scrollbar-track:#c2c2c2;
	--custom-scrollbar-thumb:#000;
	--bookmark-button-unsaved-border:1px solid #000;
	--bookmark-button-unsaved-border-hover:1px solid #000;
	--bookmark-button-unsaved-icon:url('https://staging.ode.fm/images/eventimg/heart.png');
	--event-block-date:#000;
	--event-block-date-hover:#000;
	--event-block-desc:#707070;
	--event-block-desc-hover:#000;
	--category-button-text:#000;
	--category-button-background:#fff;
	--category-button-border:1px solid #000;
	--category-button-text-hover:#fff;
	--category-button-background-hover:#000;
	--category-button-border-hover:1px solid #000;
	--explore-link-hover:#0004f5;
	--tag-button-background:#000;
	--tag-button-text:#fff;
	--tag-box-shadow:255, 255, 255, 1;
	--arrow-color:#000;
	--sort-arrow-svg:url('../images/sort-arrows.svg');
	--general-divider:1px solid #e7e7e7;
	--profile-tabs-track:1px solid #e7e7e7;
	--profile-edit-button-outline:1px solid #0004f5;
	--profile-edit-button-outline-hover:1px solid black;
	--profile-follow-button-outline:1px solid #0004f5;
	--profile-follow-button-outline-inactive:1px solid black;
	--settings-button-background:none;
	--settings-button-background-hover:#000;
	--settings-button-outline: 1px solid black;
	--settings-button-text: #000;
	--settings-button-text-hover: #fff;
	--organizer-website-icon-url:url('../images/website_light.svg');
	--organizer-instagram-icon-url:url('../images/instagram_light.svg');
	--organizer-region-icon-url:url('../images/region_light.svg');
	--organizer-pfp-outline:1px solid #e7e7e7;
	--organizer-follow-button-outline-unset:1px solid black;
	--organizer-follow-button-outline-set:1px solid #0004f5;
	--settings-button-background-hover:#000;
	--list-event-hover:#f7f7f7;
	--export-button:url('https://staging.ode.fm/images/eventimg/share_light.png');
	--calendar-button:url('https://staging.ode.fm/images/eventimg/calendar_light.png');
	--location-icon:url('https://staging.ode.fm/images/eventimg/location_light.png');
	--location-overlay-background: rgba(255, 255, 255, 0.50);
	--signup-outline:1px solid black;
	--signup-forgot:#0004f5;
	--signup-hover:#000;
	--checkmark-follow-color:#000;
	--checkmark-following-color:#fff;
	--event-image-border: 1px solid rgba(0,0,0,0.08);
	--purchase-button-outline:1px solid #0004f5;
}

[data-theme="dark"] {
 	--content-side-padding: 20px; /* Global Left-Right Padding for Responsive */
	 --bg-color: #131314; /* Original #121212 #0C0C0C, #0d0d0d */
  	--bg-color-translucent: rgba(18, 18, 18, 0.75); /* matches #0d0d0d with some opacity */
  	--desktop-header-blur: blur(12px);
	--main-text-color: #ffffff;
	--sub-text-color: #c2c2c2;  /* Original #8e97a1 */
	--link-text-hover:#c2c2c2;
	--search-text-placeholder:#8e97a1;
	--search-border-colors:#ffffff;
	--menu-color: #ffffff;
	--logo-color: #ffffff;
	--signup-button-text:#ffffff;
	--signup-button-background:#0004f5;
	--signup-button-outline:#0004f5;
	--login-button-text:#ffffff;
	--login-button-background:#131314;  /* Original #0C0C0C */
	--login-button-outline:#ffffff;
	--hero-slider-background:#272727;
	--hero-slider-title:#ffffff;
	--hero-slider-accent:#c2c2c2;
	--hero-slider-button-outline:#ffffff;
	--hero-slider-button-background:#ffffff;
	--hero-slider-button-text:#000;
	--ode-blue:#0004f5;
	--custom-scrollbar-track:#666;
	--custom-scrollbar-thumb:#fff;
	--bookmark-button-unsaved-border:1px solid #fff;
	--bookmark-button-unsaved-border-hover:1px solid #0004f5;
	--bookmark-button-unsaved-icon:1px solid #0004f5;
	--bookmark-button-unsaved-icon:url('https://staging.ode.fm/images/eventimg/heart_dark.png');
	--event-block-date:#fff;
	--event-block-date-hover:#fff;
	--event-block-desc:#8e97a1;
	--event-block-desc-hover:#fff;
	--category-button-text:#fff;
	--category-button-background:transparent;
	--category-button-border:1px solid #fff;
	--category-button-text-hover:#000;
	--category-button-background-hover:#fff;
	--category-button-border-hover:1px solid #fff;
	--explore-link-hover:#0004f5;
	--tag-button-background:#fff;
	--tag-button-text:#000;
	--tag-box-shadow:000, 000, 000, 1;
	--arrow-color:#fff;
	--sort-arrow-svg:url('../images/sort-arrows-dark.svg');
	--general-divider:1px solid #666;
	--profile-tabs-track:1px solid #666;
	--profile-edit-button-outline:1px solid #0004f5;
	--profile-edit-button-hover:1px solid #0004f5;
	--profile-edit-button-outline-hover:1px solid #fff;
	--profile-follow-button-outline:1px solid #0004f5;
	--profile-follow-button-outline-inactive:1px solid #fff;
	--settings-button-background:none;
	--settings-button-background-hover:#fff;
	--settings-button-outline: 1px solid #fff;
	--settings-button-text: #fff;
	--settings-button-text-hover: #000;
	--organizer-website-icon-url:url('../images/website_dark.svg');
	--organizer-instagram-icon-url:url('../images/instagram_dark.svg');
	--organizer-region-icon-url:url('../images/region_dark.svg');
	--organizer-pfp-outline:1px solid #666;
	--organizer-follow-button-outline-unset:1px solid #fff;
	--organizer-follow-button-outline-set:1px solid #0004f5;
	--list-event-hover:#272727;
	--export-button:url('https://staging.ode.fm/images/eventimg/share_dark.png');
	--calendar-button:url('https://staging.ode.fm/images/eventimg/calendar_dark.png');
	--location-icon:url('https://staging.ode.fm/images/eventimg/location_dark.png');
	--location-overlay-background: rgba(0, 0, 0, 0.80);
	--signup-outline:1px solid #fff;
	--signup-forgot:#8e97a1;
	--signup-hover:#fff;
	--checkmark-follow-color:#fff;
	--checkmark-following-color:#fff;
	--event-image-border: 1px solid rgba(255,255,255,0.18);
	--purchase-button-outline:1px solid #0004f5;
}