/**
 * DBIM 3.0 colour modes — mode-specific swatches + alpha tokens.
 * Set active mode in inc/color-mode.php (TCL_COLOR_MODE).
 * Universal tokens (deep-blue, bright-gray, etc.) stay in variables.css.
 *
 */

/* Forest Green — :root default (also data-color-mode="forest-green" | "teal") */
:root,
[data-color-mode="forest-green"],
[data-color-mode="teal"] {
	--banner-transparency: rgba(15, 87, 87, 0.95);
	--eagle-green: #0B4141;
	--wintergreen-dream: #0F5757;
	--powder-blue: #2D8686;
	--columbia-blue: #75BDBD;
	--azureish-white: #A6D9D9;
	--azureish-white-bg: #D9F2F2;
	--primary-alpha-10: rgba(15, 87, 87, 0.1);
	--primary-alpha-20: rgba(15, 87, 87, 0.2);
	--primary-alpha-25: rgba(15, 87, 87, 0.25);
	--primary-alpha-30: rgba(15, 87, 87, 0.3);
	--primary-alpha-40: rgba(15, 87, 87, 0.4);
	--primary-alpha-55: rgba(15, 87, 87, 0.55);
	--primary-alpha-70: rgba(15, 87, 87, 0.7);
	--primary-alpha-72: rgba(15, 87, 87, 0.72);
	--primary-alpha-80: rgba(15, 87, 87, 0.8);
	--primary-alpha-85: rgba(15, 87, 87, 0.85);
	--primary-alpha-90: rgba(15, 87, 87, 0.9);
	--primary-alpha-95: rgba(15, 87, 87, 0.95);
	--primary-alpha-100: rgba(15, 87, 87, 1);
	--primary-dark-alpha-35: rgba(45, 134, 134, 0.35);
	--primary-dark-alpha-85: rgba(45, 134, 134, 0.85);
	--primary-dark-alpha-90: rgba(45, 134, 134, 0.9);
	--primary-dark-alpha-95: rgba(45, 134, 134, 0.95);
}

/* Classic Blue */
[data-color-mode="classic-blue"] {
	--banner-transparency: rgba(19, 64, 108, 0.95);
	--eagle-green: #0B2641;
	--wintergreen-dream: #13406C;
	--powder-blue: #2966A3;
	--columbia-blue: #6B99C7;
	--azureish-white: #ADCCEB;
	--azureish-white-bg: #D6E5F5;
	--primary-alpha-10: rgba(19, 64, 108, 0.1);
	--primary-alpha-20: rgba(19, 64, 108, 0.2);
	--primary-alpha-25: rgba(19, 64, 108, 0.25);
	--primary-alpha-30: rgba(19, 64, 108, 0.3);
	--primary-alpha-40: rgba(19, 64, 108, 0.4);
	--primary-alpha-55: rgba(19, 64, 108, 0.55);
	--primary-alpha-70: rgba(19, 64, 108, 0.7);
	--primary-alpha-72: rgba(19, 64, 108, 0.72);
	--primary-alpha-80: rgba(19, 64, 108, 0.8);
	--primary-alpha-85: rgba(19, 64, 108, 0.85);
	--primary-alpha-90: rgba(19, 64, 108, 0.9);
	--primary-alpha-95: rgba(19, 64, 108, 0.95);
	--primary-alpha-100: rgba(19, 64, 108, 1);
	--primary-dark-alpha-35: rgba(41, 102, 163, 0.35);
	--primary-dark-alpha-85: rgba(41, 102, 163, 0.85);
	--primary-dark-alpha-90: rgba(41, 102, 163, 0.9);
	--primary-dark-alpha-95: rgba(41, 102, 163, 0.95);
}

/* Emerald Green */
[data-color-mode="emerald-green"],
[data-color-mode="emerald"] {
	--banner-transparency: rgba(40, 84, 18, 0.95);
	--eagle-green: #1E3F0D;
	--wintergreen-dream: #285412;
	--powder-blue: #407326;
	--columbia-blue: #9AC982;
	--azureish-white: #C5E0B8;
	--azureish-white-bg: #F1F7ED;
	--primary-alpha-10: rgba(40, 84, 18, 0.1);
	--primary-alpha-20: rgba(40, 84, 18, 0.2);
	--primary-alpha-25: rgba(40, 84, 18, 0.25);
	--primary-alpha-30: rgba(40, 84, 18, 0.3);
	--primary-alpha-40: rgba(40, 84, 18, 0.4);
	--primary-alpha-55: rgba(40, 84, 18, 0.55);
	--primary-alpha-70: rgba(40, 84, 18, 0.7);
	--primary-alpha-72: rgba(40, 84, 18, 0.72);
	--primary-alpha-80: rgba(40, 84, 18, 0.8);
	--primary-alpha-85: rgba(40, 84, 18, 0.85);
	--primary-alpha-90: rgba(40, 84, 18, 0.9);
	--primary-alpha-95: rgba(40, 84, 18, 0.95);
	--primary-alpha-100: rgba(40, 84, 18, 1);
	--primary-dark-alpha-35: rgba(64, 115, 38, 0.35);
	--primary-dark-alpha-85: rgba(64, 115, 38, 0.85);
	--primary-dark-alpha-90: rgba(64, 115, 38, 0.9);
	--primary-dark-alpha-95: rgba(64, 115, 38, 0.95);
}

/* Caramel Yellow */
[data-color-mode="caramel-yellow"],
[data-color-mode="earth"] {
	--banner-transparency: rgba(108, 71, 19, 0.95);
	--eagle-green: #412B0B;
	--wintergreen-dream: #6C4713;
	--powder-blue: #A37A29;
	--columbia-blue: #DBAF57;
	--azureish-white: #E8D5B0;
	--azureish-white-bg: #F7F4ED;
	--primary-alpha-10: rgba(108, 71, 19, 0.1);
	--primary-alpha-20: rgba(108, 71, 19, 0.2);
	--primary-alpha-25: rgba(108, 71, 19, 0.25);
	--primary-alpha-30: rgba(108, 71, 19, 0.3);
	--primary-alpha-40: rgba(108, 71, 19, 0.4);
	--primary-alpha-55: rgba(108, 71, 19, 0.55);
	--primary-alpha-70: rgba(108, 71, 19, 0.7);
	--primary-alpha-72: rgba(108, 71, 19, 0.72);
	--primary-alpha-80: rgba(108, 71, 19, 0.8);
	--primary-alpha-85: rgba(108, 71, 19, 0.85);
	--primary-alpha-90: rgba(108, 71, 19, 0.9);
	--primary-alpha-95: rgba(108, 71, 19, 0.95);
	--primary-alpha-100: rgba(108, 71, 19, 1);
	--primary-dark-alpha-35: rgba(163, 122, 41, 0.35);
	--primary-dark-alpha-85: rgba(163, 122, 41, 0.85);
	--primary-dark-alpha-90: rgba(163, 122, 41, 0.9);
	--primary-dark-alpha-95: rgba(163, 122, 41, 0.95);
}

/* Burgundy */
[data-color-mode="burgundy"] {
	--banner-transparency: rgba(108, 19, 64, 0.95);
	--eagle-green: #410B26;
	--wintergreen-dream: #6C1340;
	--powder-blue: #A32966;
	--columbia-blue: #DB70A6;
	--azureish-white: #EBADCC;
	--azureish-white-bg: #FAEBF2;
	--primary-alpha-10: rgba(108, 19, 64, 0.1);
	--primary-alpha-20: rgba(108, 19, 64, 0.2);
	--primary-alpha-25: rgba(108, 19, 64, 0.25);
	--primary-alpha-30: rgba(108, 19, 64, 0.3);
	--primary-alpha-40: rgba(108, 19, 64, 0.4);
	--primary-alpha-55: rgba(108, 19, 64, 0.55);
	--primary-alpha-70: rgba(108, 19, 64, 0.7);
	--primary-alpha-72: rgba(108, 19, 64, 0.72);
	--primary-alpha-80: rgba(108, 19, 64, 0.8);
	--primary-alpha-85: rgba(108, 19, 64, 0.85);
	--primary-alpha-90: rgba(108, 19, 64, 0.9);
	--primary-alpha-95: rgba(108, 19, 64, 0.95);
	--primary-alpha-100: rgba(108, 19, 64, 1);
	--primary-dark-alpha-35: rgba(163, 41, 102, 0.35);
	--primary-dark-alpha-85: rgba(163, 41, 102, 0.85);
	--primary-dark-alpha-90: rgba(163, 41, 102, 0.9);
	--primary-dark-alpha-95: rgba(163, 41, 102, 0.95);
}

/* Deep Violet */
[data-color-mode="deep-violet"] {
	--banner-transparency: rgba(94, 19, 108, 0.95);
	--eagle-green: #380B41;
	--wintergreen-dream: #5E136C;
	--powder-blue: #8F29A3;
	--columbia-blue: #C970DB;
	--azureish-white: #E0ADEB;
	--azureish-white-bg: #F7EBFA;
	--primary-alpha-10: rgba(94, 19, 108, 0.1);
	--primary-alpha-20: rgba(94, 19, 108, 0.2);
	--primary-alpha-25: rgba(94, 19, 108, 0.25);
	--primary-alpha-30: rgba(94, 19, 108, 0.3);
	--primary-alpha-40: rgba(94, 19, 108, 0.4);
	--primary-alpha-55: rgba(94, 19, 108, 0.55);
	--primary-alpha-70: rgba(94, 19, 108, 0.7);
	--primary-alpha-72: rgba(94, 19, 108, 0.72);
	--primary-alpha-80: rgba(94, 19, 108, 0.8);
	--primary-alpha-85: rgba(94, 19, 108, 0.85);
	--primary-alpha-90: rgba(94, 19, 108, 0.9);
	--primary-alpha-95: rgba(94, 19, 108, 0.95);
	--primary-alpha-100: rgba(94, 19, 108, 1);
	--primary-dark-alpha-35: rgba(143, 41, 163, 0.35);
	--primary-dark-alpha-85: rgba(143, 41, 163, 0.85);
	--primary-dark-alpha-90: rgba(143, 41, 163, 0.9);
	--primary-dark-alpha-95: rgba(143, 41, 163, 0.95);
}

/* Midnight Purple */
[data-color-mode="midnight-purple"] {
	--banner-transparency: rgba(41, 19, 108, 0.95);
	--eagle-green: #190B41;
	--wintergreen-dream: #29136C;
	--powder-blue: #4729A3;
	--columbia-blue: #8B70DB;
	--azureish-white: #BDADEB;
	--azureish-white-bg: #EEEBFA;
	--primary-alpha-10: rgba(41, 19, 108, 0.1);
	--primary-alpha-20: rgba(41, 19, 108, 0.2);
	--primary-alpha-25: rgba(41, 19, 108, 0.25);
	--primary-alpha-30: rgba(41, 19, 108, 0.3);
	--primary-alpha-40: rgba(41, 19, 108, 0.4);
	--primary-alpha-55: rgba(41, 19, 108, 0.55);
	--primary-alpha-70: rgba(41, 19, 108, 0.7);
	--primary-alpha-72: rgba(41, 19, 108, 0.72);
	--primary-alpha-80: rgba(41, 19, 108, 0.8);
	--primary-alpha-85: rgba(41, 19, 108, 0.85);
	--primary-alpha-90: rgba(41, 19, 108, 0.9);
	--primary-alpha-95: rgba(41, 19, 108, 0.95);
	--primary-alpha-100: rgba(41, 19, 108, 1);
	--primary-dark-alpha-35: rgba(71, 41, 163, 0.35);
	--primary-dark-alpha-85: rgba(71, 41, 163, 0.85);
	--primary-dark-alpha-90: rgba(71, 41, 163, 0.9);
	--primary-dark-alpha-95: rgba(71, 41, 163, 0.95);
}

/* Aqua Blue */
[data-color-mode="aqua-blue"] {
	--banner-transparency: rgba(0, 157, 179, 0.95);
	--eagle-green: #006B7A;
	--wintergreen-dream: #009DB3;
	--powder-blue: #02C6E1;
	--columbia-blue: #79E4F3;
	--azureish-white: #A8EFF9;
	--azureish-white-bg: #CBF9FF;
	--primary-alpha-10: rgba(0, 157, 179, 0.1);
	--primary-alpha-20: rgba(0, 157, 179, 0.2);
	--primary-alpha-25: rgba(0, 157, 179, 0.25);
	--primary-alpha-30: rgba(0, 157, 179, 0.3);
	--primary-alpha-40: rgba(0, 157, 179, 0.4);
	--primary-alpha-55: rgba(0, 157, 179, 0.55);
	--primary-alpha-70: rgba(0, 157, 179, 0.7);
	--primary-alpha-72: rgba(0, 157, 179, 0.72);
	--primary-alpha-80: rgba(0, 157, 179, 0.8);
	--primary-alpha-85: rgba(0, 157, 179, 0.85);
	--primary-alpha-90: rgba(0, 157, 179, 0.9);
	--primary-alpha-95: rgba(0, 157, 179, 0.95);
	--primary-alpha-100: rgba(0, 157, 179, 1);
	--primary-dark-alpha-35: rgba(2, 198, 225, 0.35);
	--primary-dark-alpha-85: rgba(2, 198, 225, 0.85);
	--primary-dark-alpha-90: rgba(2, 198, 225, 0.9);
	--primary-dark-alpha-95: rgba(2, 198, 225, 0.95);
}

/* Chrome Yellow */
[data-color-mode="chrome-yellow"] {
	--banner-transparency: rgba(188, 136, 0, 0.95);
	--eagle-green: #8D6500;
	--wintergreen-dream: #BC8800;
	--powder-blue: #DFA100;
	--columbia-blue: #FFD874;
	--azureish-white: #FFE8AE;
	--azureish-white-bg: #FFF4D7;
	--primary-alpha-10: rgba(188, 136, 0, 0.1);
	--primary-alpha-20: rgba(188, 136, 0, 0.2);
	--primary-alpha-25: rgba(188, 136, 0, 0.25);
	--primary-alpha-30: rgba(188, 136, 0, 0.3);
	--primary-alpha-40: rgba(188, 136, 0, 0.4);
	--primary-alpha-55: rgba(188, 136, 0, 0.55);
	--primary-alpha-70: rgba(188, 136, 0, 0.7);
	--primary-alpha-72: rgba(188, 136, 0, 0.72);
	--primary-alpha-80: rgba(188, 136, 0, 0.8);
	--primary-alpha-85: rgba(188, 136, 0, 0.85);
	--primary-alpha-90: rgba(188, 136, 0, 0.9);
	--primary-alpha-95: rgba(188, 136, 0, 0.95);
	--primary-alpha-100: rgba(188, 136, 0, 1);
	--primary-dark-alpha-35: rgba(223, 161, 0, 0.35);
	--primary-dark-alpha-85: rgba(223, 161, 0, 0.85);
	--primary-dark-alpha-90: rgba(223, 161, 0, 0.9);
	--primary-dark-alpha-95: rgba(223, 161, 0, 0.95);
}

/* Cinnamon Red */
[data-color-mode="cinnamon-red"] {
	--banner-transparency: rgba(140, 47, 38, 0.95);
	--eagle-green: #3E170E;
	--wintergreen-dream: #8C2F26;
	--powder-blue: #C25038;
	--columbia-blue: #D87A52;
	--azureish-white: #F3CEBD;
	--azureish-white-bg: #F7EFED;
	--primary-alpha-10: rgba(140, 47, 38, 0.1);
	--primary-alpha-20: rgba(140, 47, 38, 0.2);
	--primary-alpha-25: rgba(140, 47, 38, 0.25);
	--primary-alpha-30: rgba(140, 47, 38, 0.3);
	--primary-alpha-40: rgba(140, 47, 38, 0.4);
	--primary-alpha-55: rgba(140, 47, 38, 0.55);
	--primary-alpha-70: rgba(140, 47, 38, 0.7);
	--primary-alpha-72: rgba(140, 47, 38, 0.72);
	--primary-alpha-80: rgba(140, 47, 38, 0.8);
	--primary-alpha-85: rgba(140, 47, 38, 0.85);
	--primary-alpha-90: rgba(140, 47, 38, 0.9);
	--primary-alpha-95: rgba(140, 47, 38, 0.95);
	--primary-alpha-100: rgba(140, 47, 38, 1);
	--primary-dark-alpha-35: rgba(194, 80, 56, 0.35);
	--primary-dark-alpha-85: rgba(194, 80, 56, 0.85);
	--primary-dark-alpha-90: rgba(194, 80, 56, 0.9);
	--primary-dark-alpha-95: rgba(194, 80, 56, 0.95);
}