:root {
    /* Top Navigation */
    --atd-topnav-bg: #1b1f3b;             /* Deep Navy Blue */
    --atd-topnav-text: #ffffff;
    --atd-topnav-text-hover: #ffd700;     /* Gold hover */
    --atd-topnav-text-active: #ffffff;
    --atd-topnav-text-active-bg: #27344a; /* Soft Charcoal Blue */

    /* Body */
    --atd-body-bg: #f9f9fc;               /* Very Light Blue-Grey */
    --atd-body-text: #1e1e1e;             /* Dark Charcoal for text */
    --atd-body-text-hover: #111111;
    --atd-body-text-active: #000000;
    --atd-body-text-active-bg: #dfe6ee;   /* Muted blue-grey background */

    /* Headings */
    --atd-h1: #1b1f3b;
    --atd-h2: #1b1f3b;
    --atd-h3: #2c2f48;
    --atd-h4: #2c2f48;
    --atd-h5: #3c3f57;
    --atd-h6: #3c3f57;

    /* Buttons */
    --atd-button-bg: #fe651f;             /* Bright Blue */
    --atd-button-text: #ffffff;
    --atd-button-text-hover: #e6f0ff;     /* Light blue hover text */
    --atd-button-text-active: #ffffff;
    --atd-button-text-active-bg: #fe651f; /* Darker Blue */

    /* Footer */
    --atd-footer-bg: #1b1f3b;
    --atd-footer-text: #ffffff;
    --atd-footer-text-hover: #ffd700;
    --atd-footer-text-active: #ffffff;
    --atd-footer-text-active-bg: #2c2f48;

    /* Bootstrap Overrides */
    --atd-primary: #fe651f;               /* Bright Primary Blue */
    --atd-secondary: #2c2f48;             /* Slate/Navy Hybrid */
    --atd-success: #00b894;               /* Emerald Green */
    --atd-info: #17a2b8;                  /* Teal Info */
    --atd-warning: #ffb400;               /* Rich Amber */
    --atd-danger: #e53935;                /* Vivid Red */

    --bs-primary: var(--atd-primary);
    --bs-secondary: var(--atd-secondary);
    --bs-success: var(--atd-success);
    --bs-info: var(--atd-info);
    --bs-warning: var(--atd-warning);
    --bs-danger: var(--atd-danger);
}
/* Card Container */
.card {
    /* background-color: var(--atd-body-text-active-bg) !important;  */
    color: var(--atd-body-text) !important;
    /* border: 1px solid var(--atd-secondary) !important; */
    border-radius: 0.5rem !important;
    box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/* Card Header */
.card-header {
    background-color: var(--atd-topnav-bg) !important;
    color: var(--atd-topnav-text) !important;
    border-bottom: 1px solid var(--atd-secondary) !important;
    font-weight: 600;
}

/* Card Body */
.card-body {
    color: var(--atd-body-text) !important;
}

/* Card Footer */
.card-footer {
    background-color: var(--atd-body-text-active-bg) !important;
    color: var(--atd-body-text) !important;
    border-top: 1px solid var(--atd-secondary) !important;
}

/* Card Titles */
.card-title,
.card-subtitle {
    color: var(--atd-h3) !important;
}

/* Card Text */
.card-text {
    color: var(--atd-body-text) !important;
}


/* Body Styling */
body {
    background-color: var(--atd-body-bg) !important;
    color: var(--atd-body-text) !important;
}

/* Headings */
h1 { color: var(--atd-h1); }
h2 { color: var(--atd-h2); }
h3 { color: var(--atd-h3); }
h4 { color: var(--atd-h4); }
h5 { color: var(--atd-h5); }
h6 { color: var(--atd-h6); }

.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6,
.bg-primary h1,
.bg-primary h2,
.bg-primary h3,
.bg-primary h4,
.bg-primary h5,
.bg-primary h6,
.bg-secondary h1,
.bg-secondary h2,
.bg-secondary h3,
.bg-secondary h4,
.bg-secondary h5,
.bg-secondary h6,
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.hero-gradient h1,
.hero-gradient h2,
.hero-gradient h3,
.hero-gradient h4,
.hero-gradient h5,
.hero-gradient h6 {
    color: #ffffff !important;
}

.card-header h1,
.card-header h2,
.card-header h3,
.card-header h4,
.card-header h5,
.card-header h6 {
    color: var(--atd-topnav-text) !important;
}

/* Buttons */
.btn-primary {
    background-color: var(--atd-button-bg) !important;
    border-color: var(--atd-button-bg) !important;
    color: var(--atd-button-text) !important;
}
.btn-primary:hover {
    background-color: var(--atd-button-text-active-bg) !important;
    border-color: var(--atd-button-text-active-bg) !important;
    color: var(--atd-button-text-hover) !important;
}

/* Navbar */
.navbar {
    background-color: var(--atd-topnav-bg) !important;
}
.navbar .navbar-brand,
.navbar .nav-link {
    color: var(--atd-topnav-text) !important;
}
.navbar .nav-link:hover {
    color: var(--atd-topnav-text-hover) !important;
}
.navbar .nav-link.active {
    color: var(--atd-topnav-text-active) !important;
    background-color: var(--atd-topnav-text-active-bg) !important;
}

/* Footer */
footer {
    background-color: var(--atd-footer-bg) !important;
    color: var(--atd-footer-text) !important;
}
footer a {
    color: var(--atd-footer-text) !important;
}
footer a:hover {
    color: var(--atd-footer-text-hover) !important;
}

/* Alerts */
.alert-primary {
    background-color: var(--atd-primary) !important;
    color: #fff !important;
}
.alert-secondary {
    background-color: var(--atd-secondary) !important;
    color: #fff !important;
}
.alert-success {
    background-color: var(--atd-success) !important;
    color: #fff !important;
}
.alert-info {
    background-color: var(--atd-info) !important;
    color: #fff !important;
}
.alert-warning {
    background-color: var(--atd-warning) !important;
    color: #000 !important;
}
.alert-danger {
    background-color: var(--atd-danger) !important;
    color: #fff !important;
}
/* Utility Text & Backgrounds */
.text-primary { color: var(--atd-primary) !important; }
.text-secondary { color: var(--atd-secondary) !important; }
.text-success { color: var(--atd-success) !important; }
.text-info { color: var(--atd-info) !important; }
.text-warning { color: var(--atd-warning) !important; }
.text-danger { color: var(--atd-danger) !important; }

.bg-primary { background-color: var(--atd-primary) !important; }
.bg-secondary { background-color: var(--atd-secondary) !important; }
.bg-success { background-color: var(--atd-success) !important; }
.bg-info { background-color: var(--atd-info) !important; }
.bg-warning { background-color: var(--atd-warning) !important; }
.bg-danger { background-color: var(--atd-danger) !important; }
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: var(--atd-button-text) !important;
    background-color: var(--atd-button-bg) !important;
}

.nav-pills .nav-link {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0.25rem !important;
    color: var(--atd-body-text) !important;
}
.nav-pills .nav-link:hover {
    color: var(--atd-body-text-hover) !important;
    background-color: var(--atd-body-text-active-bg) !important;
}

/* pagination */

.pagination > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    padding-top: 10px;
}

.pagination span,
.pagination a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    font-weight: 500;
    font-size: 1rem;
    border: 0.5px solid #efe9e6;
    color: #f4601b;
    background-color: #fff;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.pagination a:hover {
    background-color: #f4601b;
    color: #fff;
}

.pagination .current {
    background-color: #f4601b;
    color: #fff;
    border-color: #f4601b;
    font-weight: 600;
}