/* theme.css */
:root {
    --background: #13285b;
    --sub-background: #003083;
    --navbar: #112240;
    --navbar-icon:#006abc;
    --title: #a5ffea;
    --text: #ffffff;
    --btn-type1: #ee4d00;
    --button-hover: #920029;
    --button-hover-text: #E0E0E0; /* Light Gray */
    --navbar-active: #3062cc; /* Slightly lighter blue for active navbar */
}

:root.light-blue {
    --background: #f4f7fb;         /* Light Blue Background */
    --sub-background: #eaf1ff;     /* Slightly Darker Light Blue */
    --navbar: #003083;             /* Pale Blue-Grey for Navbar */
    --navbar-icon: #006abc;        /* Bright Blue for Icons */
    --title: #004c99;              /* Dark Blue for Titles */
    --nav-text: #ffffff;
    --text: #000000;               /* Standard Black Text */
    --btn-type1: #66b3ff;          /* Medium Light Blue Button */
    --button-hover: #3399ff;       /* Darker Blue on Hover */
    --button-hover-text: #ffffff;  /* White Hover Text */
    --navbar-active: #3062cc;      /* Light Sky Blue for Active Navbar */
}

:root.light-blue2 {
    --background: #f4f7fb;         /* Light Blue Background */
    --sub-background: #eaf1ff;     /* Slightly Darker Light Blue */
    --navbar: #5d7ea0;             /* Pale Blue-Grey for Navbar */
    --navbar-icon: #006abc;        /* Bright Blue for Icons */
    --title: #004c99;              /* Dark Blue for Titles */
    --nav-text: #ffffff;
    --text: #000000;               /* Standard Black Text */
    --btn-type1: #66b3ff;          /* Medium Light Blue Button */
    --button-hover: #3399ff;       /* Darker Blue on Hover */
    --button-hover-text: #ffffff;  /* White Hover Text */
    --navbar-active: #3062cc;      /* Light Sky Blue for Active Navbar */
}


:root.orange-theme {
    --background: #ee4d00;           /* Vivid orange background */
    --sub-background: #ff8f00;       /* Lighter orange for sections */
    --navbar: #bf360c;               /* Deep burnt orange for navbar */
    --navbar-icon: #ffab40;          /* Soft orange for toggler/icon */
    --title: #fff8e1;                /* Very light cream-yellow for headings */
    --text: #ffffff;                 /* White text for contrast */
    --btn-type1: #13285b;            /* Charcoal for buttons */
    --button-hover: #37474f;         /* Slightly lighter on hover */
    --button-hover-text: #ffccbc;    /* Warm light orange text on hover */
    --navbar-active: #ff7043;        /* Lighter coral-orange for active state */
}