/* Custom properties for easy color management */
:root {
  --main-color: #8f2e84;
  --carousel-control-icon-bg: #160913;
  --color-white: #ffffff;
  --color-light-gray: #f7edf7;
  --color-primary: #8f2e84;
  --primary-color: #8f2e84;
  /* Primary BTS plum */
  --secondary-color: #fff6ff;
  /* Light text for dark header/footer */
  --accent-color: #f0a6e7;
  /* Crest pink accent */
  --text-color: #fde8fb;
  /* Nav link text on dark gradients */
  --bg-color: #2c0f31;
  /* Deep plum base */
  --hover-color: #b945aa;
  /* Hover state for buttons/links */
  --bg-gradient: linear-gradient(105deg, rgba(14, 6, 17, 0.98) 0%, rgba(77, 26, 88, 0.96) 46%, rgba(207, 112, 197, 0.92) 100%);
  --card_toggle_icon_background-color: #8f2e84;
  --card_toggle_icon_icon-color: #ffffff;
  --icon-click-to-go-back-primary-color: #6b2262;
  --icon-click-to-go-back-hover-color: #b945aa;
  --icon-click-to-go-back-active-color: #51184a;
  /* LOADING BAR */
  --loading_bar_background-color: rgba(255, 247, 255, 0.95);
  --loading_bar_circle-color: rgba(143, 46, 132, 0.92);
  --loading_bar_circle-border-color: rgba(79, 24, 72, 0.95);
  --loading_bar_text-color: #42163e;
  /* EYE TOGGLE ICON ON FORM */
  --ae_toggle_filter_form_bg: rgba(143, 46, 132, 0.1);
  --ae_toggle_filter_form_blur: blur(10px);
  --ae_toggle_filter_form_border-radius: 0.5rem;
  --ae_toggle_filter_form_box-shadow: 0 4px 8px rgba(109, 29, 103, 0.18);
  --ae_toggle_filter_form_padding: 0.25rem;
  --ae_toggle_filter_form_btn_padding: 0.25rem;
  --ae_toggle_filter_form_btn_font-size: 0.75rem;
  --ae_toggle_filter_form_btn_primary_bg: #8f2e84;
  --ae_toggle_filter_form_btn_primary_border: #6b2262;
  --ae_toggle_filter_form_btn_primary_hover_bg: #b945aa;
  --ae_toggle_filter_form_btn_primary_hover_border: #8f2e84;
  --ae_toggle_filter_form_btn_circle_width: 2rem;
  --ae_toggle_filter_form_btn_circle_height: 2rem;
  --ae_toggle_filter_form_fa_font-size: 0.875rem;
  --ae_toggle_filter_form_fa_color: #ffffff;
  /* TOAST R */
  --_toastR-bg-color: #f7e4f5;
  --_toastR-text-color: #391336;
  --_toastR-icon-color: #8f2e84;
  --_toastR-icon-font-size: 18px;
  --_toastR-icon-margin-right: 10px;
  --_toastR-btn-primary-bg-color: #8f2e84;
  --_toastR-btn-primary-border-color: #6b2262;
  /* TOAST F */
  --toastF-bg-color-rgb: 252, 241, 251;
  --toastF-text-color: #391336;
  --toastF-icon-color: #9d3593;
  --toastF-icon-font-size: 1.5rem;
  --toastF-icon-margin-right: 0.5rem;
  --toastF-btn-primary-bg-color: #8f2e84;
  --toastF-btn-primary-border-color: #6b2262;
  --color-background: #fff9ff;
  --color-border: #efd6ed;
  --color-link: #8f2e84;
  --color-link-hover: #6b2262;
  --color-shadow: rgba(88, 25, 81, 0.14);
  --color-shadow-strong: rgba(88, 25, 81, 0.25);
  --announcement-gradient: linear-gradient(90deg, rgba(26, 9, 31, 0.98) 0%, rgba(133, 42, 123, 0.93) 52%, rgba(29, 9, 35, 0.98) 100%);
  --banner2-gradient1: linear-gradient(90deg, rgba(44, 15, 52, 0.95) 0%, rgba(133, 42, 123, 0.9) 50%, rgba(44, 15, 52, 0.95) 100%);
  --banner2-gradient2: linear-gradient(120deg, rgba(255, 245, 255, 0.98) 0%, rgba(244, 181, 238, 0.98) 50%, rgba(255, 255, 255, 0.98) 100%);
  --vision-gradient1: linear-gradient(180deg, rgba(143, 46, 132, 0.08) 0%, rgba(255, 252, 255, 1) 32%, rgba(143, 46, 132, 0.05) 100%);
  --vision-primary: #8f2e84;
  --vision-secondary: #5d1d58;
  --vision-background: #fffaff;
  --vision-white: #ffffff;
  --auth-primary: #8f2e84;
  --auth-secondary: #5d1d58;
  --auth-bg: #fffaff;
  --auth-white: #ffffff;
  /* Carousel theme */
  --carousel_caption_bg_base: #8f2e84;
  --carousel_caption_gradient_stop_1: rgba(34, 12, 41, 0.88);
  --carousel_caption_gradient_stop_2: rgba(111, 35, 104, 0.95);
  --carousel_caption_gradient_stop_3: rgb(178, 78, 165);
  --carousel_caption_gradient_stop_4: rgba(255, 226, 252, 0.7);
}