/* Custom properties for easy color management */
:root {
  --primary-color: #4a90e2; /* Brighter blue */
  --secondary-color: #f0f4f8; /* Light grayish blue */
  --accent-color: #ff6b6b; /* Soft red */
  --text-color: #ffffff; /* White for better contrast */
  --bg-color: #1a2a4a; /* Dark blue that fits with the gradient */
  --hover-color: #64b5f6; /* Lighter blue for hover effects */
  --bg-gradient: linear-gradient(90deg, rgba(3,23,62,1) 14%, rgba(84,111,164,1) 46%, rgba(4,20,51,1) 100%);
  --card_toggle_icon_background-color: blue;
  --card_toggle_icon_icon-color: white;
  --icon-click-to-go-back-primary-color: #1a035f;
  --icon-click-to-go-back-hover-color: #3498db;
  --icon-click-to-go-back-active-color: #2980b9;
  /*lOADING BAR*/
  --loading_bar_background-color: rgba(26, 26, 46, 0.8);
  --loading_bar_circle-color: rgba(233, 69, 96, 0.9);
  --loading_bar_circle-border-color: rgba(15, 52, 96, 0.9);
  --loading_bar_text-color: #fff;
  /*EYE TOGGLE ICON ON FORM*/
  --ae_toggle_filter_form_bg: rgba(255, 255, 255, 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 6px rgba(0, 0, 0, 0.1);
  --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: #007bff;
  --ae_toggle_filter_form_btn_primary_border: #007bff;
  --ae_toggle_filter_form_btn_primary_hover_bg: #0056b3;
  --ae_toggle_filter_form_btn_primary_hover_border: #0056b3;
  --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: #fff;
  /*TOAST R*/
  --_toastR-bg-color: #4FFFB0;
  --_toastR-text-color: #1B4D3E;
  --_toastR-icon-color: #6c757d;
  --_toastR-icon-font-size: 18px;
  --_toastR-icon-margin-right: 10px;
  --_toastR-btn-primary-bg-color: #0eb56a;
  --_toastR-btn-primary-border-color: #032a18;
  /*TOAST F*/
  --toastF-bg-color-rgb: 255, 255, 255; /* Example RGB value, change as needed */
  --toastF-text-color: #000000; /* Example text color, change as needed */
  --toastF-icon-color: #f1c40f; /* Example icon color, change as needed */
  --toastF-icon-font-size: 1.5rem;
  --toastF-icon-margin-right: 0.5rem;
  --toastF-btn-primary-bg-color: #007bff; /* Example button primary background */
  --toastF-btn-primary-border-color: #0056b3; /* Example button primary border */
  --color-background: #f6f6f6;
  --color-border: #f6f5f8;
  --color-link: #007bff;
  --color-link-hover: darken(#007bff, 10%);
  --color-shadow: rgba(0, 0, 0, 0.2);
  --color-shadow-strong: rgba(0, 0, 0, 0.19);
  --announcement-gradient: linear-gradient(90deg, rgba(44,68,114,1) 0%, rgba(83,107,162,0.8631827731092436) 50%, rgba(25,43,80,1) 100%);
  --banner2-gradient1: linear-gradient(90deg, rgba(44,68,114,1) 0%, rgba(83,107,162,0.8631827731092436) 50%, rgba(25,43,80,1) 100%);
  --banner2-gradient2: linear-gradient(90deg, rgba(44,68,114,1) 0%, rgba(83,107,162,0.8631827731092436) 50%, rgba(25,43,80,1) 100%);
  --vision-gradient1: linear-gradient(90deg, rgba(44,68,114,1) 0%, rgba(83,107,162,0.8631827731092436) 50%, rgba(25,43,80,1) 100%);
  --vision-primary: #7b27b8;
  --vision-secondary: #534b85;
  --vision-background: #f2f2f2;
  --vision-white: #ffffff;
  --auth-primary: #7b27b8;
  --auth-secondary: #534b85;
  --auth-bg: #f2f2f2;
  --auth-white: #ffffff;
}/*# sourceMappingURL=localhost.css.map */