/* ===============================================
    Teal + Hot Pink Dark Theme
   ------------------------------------------------
   Primary    = Teal Blue (#25C3E8)
   Secondary  = Hot Pink (#EC17A3)
   Accent     = Legacy Red (#CC0033)
   Dark       = Charcoal (#373B3F)
   Light      = #FFFFFF
   =============================================== */

:root {
    --bs-dark: #373B3F !important;
    --bs-dark-rgb: 55, 59, 63 !important; /* charcoal */

    --bs-primary: #25C3E8 !important;         /* Teal Blue */
    --bs-primary-rgb: 37, 195, 232 !important;

    --bs-secondary: #EC17A3 !important;       /* Hot Pink */
    --bs-secondary-rgb: 236, 23, 163 !important;

    --bs-light: #ffffff !important;
    --bs-light-rgb: 255, 255, 255 !important;

    --bs-accent: #CC0033 !important;          /* Legacy red */
    --bs-accent-rgb: 204, 0, 51 !important;

    --bs-body-bg: #ffffff !important;
    --bs-body-color: #373B3F !important;

    --bs-link-color: var(--bs-secondary) !important;      /* Hot pink links */
    --bs-link-hover-color: #B5127E !important;            /* darker hot pink */
}