:root {
    /* Default Blue theme */
    --primary-bg: #0C2340;
    --primaryColor: #0C2340;
    --primary-bg-rgb: 12, 35, 64;
}

/* Blue theme (default) */
.theme-1 {
    --primary-bg: #0C2340;
    --primary-bg-rgb: 12, 35, 64;
}

/* Green theme */
.theme-2 {
    --primary-bg: #2a5135;
    --primaryColor: #2a5135;
    --primary-bg-rgb: 42, 81, 53;
}

/* Maroon theme */
.theme-3 {
    --primary-bg: #5f462b;
    --primaryColor: #5f462b;
    --primary-bg-rgb: 95, 70, 43;
}



/* Example gradient usage */
/*.header-gradient {
    background: linear-gradient( to bottom, var(--primary-bg) 0%, rgba(var(--primary-bg-rgb), 0.9) 40%, rgba(var(--primary-bg-rgb), 0.8) 100%) );
}
*/