/*
  Reading theme collection for index_v2.html.
  Usage:
    index_v2.html?theme=theme-dark-moss-dusk
    index_v2.html?theme=theme-light-sage-ledger
    index_v2.html?theme=theme-mixed-coastal-sand
*/

body.theme-dark-moss-dusk {
  --bg-primary: #101612;
  --bg-secondary: #171e19;
  --bg-tertiary: #202923;
  --bg-hover: #2c3730;
  --border: #37443c;
  --border-light: #46534a;
  --text-primary: #dde7db;
  --text-secondary: #a6b8a3;
  --text-muted: #768773;
  --accent: #8cab67;
  --accent-dim: #718b53;
  --team-red: #d77972;
  --team-blue: #78a0dd;
  --q3-black: #5a6758;
  --q3-red: #dc6057;
  --q3-green: #7abc58;
  --q3-yellow: #dfc15a;
  --q3-blue: #6ca6f2;
  --q3-cyan: #62c0c4;
  --q3-magenta: #c580c9;
  --q3-white: #ffffff;
  --q3-orange: #df9854;
  --q3-gray: #95a291;
}

body.theme-dark-rain-storm {
  --bg-primary: #0f1719;
  --bg-secondary: #162126;
  --bg-tertiary: #1e2d33;
  --bg-hover: #293940;
  --border: #36515b;
  --border-light: #46626d;
  --text-primary: #dce8e8;
  --text-secondary: #a1b8b8;
  --text-muted: #74898a;
  --accent: #6faea7;
  --accent-dim: #578f89;
  --team-red: #d67a70;
  --team-blue: #79a6e1;
  --q3-black: #5b696c;
  --q3-red: #da6158;
  --q3-green: #61ba76;
  --q3-yellow: #dcc15c;
  --q3-blue: #69a6f2;
  --q3-cyan: #63c6d0;
  --q3-magenta: #bd7fca;
  --q3-white: #ffffff;
  --q3-orange: #dc9757;
  --q3-gray: #92a6a5;
}

body.theme-dark-blossom-night {
  --bg-primary: #171216;
  --bg-secondary: #20191d;
  --bg-tertiary: #2a2127;
  --bg-hover: #352932;
  --border: #493840;
  --border-light: #5b454f;
  --text-primary: #f0e2e7;
  --text-secondary: #bca0a7;
  --text-muted: #91787f;
  --accent: #d08a9d;
  --accent-dim: #b26c7e;
  --team-red: #de7a72;
  --team-blue: #7a9bdd;
  --q3-black: #615158;
  --q3-red: #df6459;
  --q3-green: #7fb56a;
  --q3-yellow: #e0c164;
  --q3-blue: #70a0ef;
  --q3-cyan: #69b8c2;
  --q3-magenta: #d182cb;
  --q3-white: #ffffff;
  --q3-orange: #e09a5a;
  --q3-gray: #a19498;
}

body.theme-dark-sunrise-ember {
  --bg-primary: #17120d;
  --bg-secondary: #211913;
  --bg-tertiary: #2d231b;
  --bg-hover: #3a2f25;
  --border: #4d4130;
  --border-light: #5f4f3c;
  --text-primary: #f0e3d2;
  --text-secondary: #c0a88f;
  --text-muted: #937d69;
  --accent: #d39c57;
  --accent-dim: #b78143;
  --team-red: #d87b72;
  --team-blue: #7a9ddd;
  --q3-black: #68594a;
  --q3-red: #dd6559;
  --q3-green: #8ab45a;
  --q3-yellow: #e1bd52;
  --q3-blue: #70a0ef;
  --q3-cyan: #68b9bd;
  --q3-magenta: #c37fc0;
  --q3-white: #ffffff;
  --q3-orange: #e39848;
  --q3-gray: #a19485;
}

body.theme-dark-sage-nocturne {
  --bg-primary: #111515;
  --bg-secondary: #191f1f;
  --bg-tertiary: #222b2a;
  --bg-hover: #2d3837;
  --border: #3a4746;
  --border-light: #4b5b58;
  --text-primary: #e0e6e2;
  --text-secondary: #a8b4ae;
  --text-muted: #7a8681;
  --accent: #90ab8d;
  --accent-dim: #71876f;
  --team-red: #d67972;
  --team-blue: #7ba3dd;
  --q3-black: #5b6664;
  --q3-red: #dc6259;
  --q3-green: #79b56d;
  --q3-yellow: #ddc15d;
  --q3-blue: #70a4f1;
  --q3-cyan: #66c0bf;
  --q3-magenta: #c07fc7;
  --q3-white: #ffffff;
  --q3-orange: #de9755;
  --q3-gray: #97a09b;
}

body.theme-dark-harbor-glass {
  --bg-primary: #10151a;
  --bg-secondary: #161d24;
  --bg-tertiary: #1f2932;
  --bg-hover: #2a3640;
  --border: #364553;
  --border-light: #45586a;
  --text-primary: #dde6ea;
  --text-secondary: #a3b1bd;
  --text-muted: #768693;
  --accent: #78a7be;
  --accent-dim: #5f899f;
  --team-red: #d77b71;
  --team-blue: #7da9e3;
  --q3-black: #5b6570;
  --q3-red: #dc6259;
  --q3-green: #79b57b;
  --q3-yellow: #ddc260;
  --q3-blue: #6ea8f4;
  --q3-cyan: #67c2cf;
  --q3-magenta: #c585d0;
  --q3-white: #ffffff;
  --q3-orange: #df9858;
  --q3-gray: #98a5b0;
}

body.theme-dark-plum-forest {
  --bg-primary: #141118;
  --bg-secondary: #1d1821;
  --bg-tertiary: #271f2b;
  --bg-hover: #33283a;
  --border: #43384a;
  --border-light: #55465d;
  --text-primary: #ebe1ea;
  --text-secondary: #b4a2b7;
  --text-muted: #85788a;
  --accent: #98ab78;
  --accent-dim: #79895f;
  --team-red: #d77a70;
  --team-blue: #7e9ddd;
  --q3-black: #625a67;
  --q3-red: #dd6358;
  --q3-green: #7db85b;
  --q3-yellow: #dcc15a;
  --q3-blue: #72a1f0;
  --q3-cyan: #68bebd;
  --q3-magenta: #c884d3;
  --q3-white: #ffffff;
  --q3-orange: #df9858;
  --q3-gray: #a093a4;
}

body.theme-dark-blue-cedar {
  --bg-primary: #10141b;
  --bg-secondary: #171e27;
  --bg-tertiary: #202936;
  --bg-hover: #2c3747;
  --border: #384659;
  --border-light: #495b72;
  --text-primary: #dfe6ee;
  --text-secondary: #a8b4c2;
  --text-muted: #7a8899;
  --accent: #8fa48d;
  --accent-dim: #70836f;
  --team-red: #d97c72;
  --team-blue: #82aef0;
  --q3-black: #5c6674;
  --q3-red: #de655b;
  --q3-green: #7bb86a;
  --q3-yellow: #ddc260;
  --q3-blue: #78aef7;
  --q3-cyan: #69c1c8;
  --q3-magenta: #c684d1;
  --q3-white: #ffffff;
  --q3-orange: #df9858;
  --q3-gray: #99a5b4;
}

body.theme-dark-charcoal-sprout {
  --bg-primary: #121314;
  --bg-secondary: #1a1d1d;
  --bg-tertiary: #232828;
  --bg-hover: #2d3434;
  --border: #3b4542;
  --border-light: #4a5752;
  --text-primary: #e2e4de;
  --text-secondary: #acb3a8;
  --text-muted: #7e857a;
  --accent: #9cb57a;
  --accent-dim: #7f9661;
  --team-red: #d97c73;
  --team-blue: #80a9e8;
  --q3-black: #636662;
  --q3-red: #de655c;
  --q3-green: #84bf5f;
  --q3-yellow: #dfc45e;
  --q3-blue: #76acf4;
  --q3-cyan: #6bc3c1;
  --q3-magenta: #c987d3;
  --q3-white: #ffffff;
  --q3-orange: #e09b59;
  --q3-gray: #a1a79b;
}

body.theme-dark-ink-amber {
  --bg-primary: #121013;
  --bg-secondary: #1b171d;
  --bg-tertiary: #251f28;
  --bg-hover: #312938;
  --border: #43384b;
  --border-light: #564661;
  --text-primary: #ece5df;
  --text-secondary: #b8aaa0;
  --text-muted: #8a7d76;
  --accent: #d4a45f;
  --accent-dim: #b58444;
  --team-red: #da7d73;
  --team-blue: #82a7ea;
  --q3-black: #686068;
  --q3-red: #df675d;
  --q3-green: #89b864;
  --q3-yellow: #e0c45d;
  --q3-blue: #78abf4;
  --q3-cyan: #6cc1c1;
  --q3-magenta: #ca87d2;
  --q3-white: #ffffff;
  --q3-orange: #e3a055;
  --q3-gray: #a39a96;
}

body.theme-light-moss-paper {
  --bg-primary: #f4f5ee;
  --bg-secondary: #fbfcf7;
  --bg-tertiary: #eef1e6;
  --bg-hover: #e1e8d6;
  --border: #cfd8c1;
  --border-light: #dce4cf;
  --text-primary: #243024;
  --text-secondary: #5f705f;
  --text-muted: #889587;
  --accent: #58733a;
  --accent-dim: #76905a;
  --team-red: #c96863;
  --team-blue: #6288c6;
  --q3-black: #3a4439;
  --q3-red: #c84f48;
  --q3-green: #5d9540;
  --q3-yellow: #ccad3d;
  --q3-blue: #4f86d8;
  --q3-cyan: #4aa8ac;
  --q3-magenta: #aa67a8;
  --q3-white: #ffffff;
  --q3-orange: #d1813b;
  --q3-gray: #8f9788;
}

body.theme-light-rain-mist {
  --bg-primary: #eff5f5;
  --bg-secondary: #f9fcfc;
  --bg-tertiary: #e3ebea;
  --bg-hover: #d5e0de;
  --border: #c0d0cf;
  --border-light: #d5e0df;
  --text-primary: #233236;
  --text-secondary: #5d7578;
  --text-muted: #869698;
  --accent: #417c79;
  --accent-dim: #669895;
  --team-red: #cb7067;
  --team-blue: #5f86c4;
  --q3-black: #374347;
  --q3-red: #c4544c;
  --q3-green: #4f9861;
  --q3-yellow: #ccb24d;
  --q3-blue: #4d86dc;
  --q3-cyan: #40aab6;
  --q3-magenta: #ac6ab3;
  --q3-white: #ffffff;
  --q3-orange: #cf8648;
  --q3-gray: #809193;
}

body.theme-light-blossom-veil {
  --bg-primary: #fff5f6;
  --bg-secondary: #fffdfb;
  --bg-tertiary: #fae8ea;
  --bg-hover: #f4dadd;
  --border: #e7c9cf;
  --border-light: #f1d8dd;
  --text-primary: #3a282d;
  --text-secondary: #7d5f67;
  --text-muted: #a2868d;
  --accent: #b56074;
  --accent-dim: #ca8696;
  --team-red: #cf6661;
  --team-blue: #6c8dc1;
  --q3-black: #48363c;
  --q3-red: #d25149;
  --q3-green: #6ea04c;
  --q3-yellow: #d1b24e;
  --q3-blue: #5f87d7;
  --q3-cyan: #58adb1;
  --q3-magenta: #c06db0;
  --q3-white: #ffffff;
  --q3-orange: #d88849;
  --q3-gray: #948289;
}

body.theme-light-sunrise-porcelain {
  --bg-primary: #fff8ee;
  --bg-secondary: #fffdf8;
  --bg-tertiary: #f7ecda;
  --bg-hover: #f0dfc1;
  --border: #e3cfaa;
  --border-light: #eddcc0;
  --text-primary: #34291f;
  --text-secondary: #7a6755;
  --text-muted: #9f8b79;
  --accent: #b67837;
  --accent-dim: #ce9b66;
  --team-red: #c96963;
  --team-blue: #6788c4;
  --q3-black: #463a30;
  --q3-red: #c9534d;
  --q3-green: #709b43;
  --q3-yellow: #cfa83c;
  --q3-blue: #5085d7;
  --q3-cyan: #4ca9aa;
  --q3-magenta: #ab67a6;
  --q3-white: #ffffff;
  --q3-orange: #d17d34;
  --q3-gray: #8f8378;
}

body.theme-light-sage-ledger {
  --bg-primary: #f2f4f1;
  --bg-secondary: #fafcf9;
  --bg-tertiary: #e8ede7;
  --bg-hover: #dae2d8;
  --border: #c8d2c7;
  --border-light: #d9e1d8;
  --text-primary: #26302a;
  --text-secondary: #5d6f63;
  --text-muted: #869488;
  --accent: #5c7d64;
  --accent-dim: #7e9a85;
  --team-red: #cb6d66;
  --team-blue: #6588c7;
  --q3-black: #3d4640;
  --q3-red: #cb544d;
  --q3-green: #58965f;
  --q3-yellow: #ccb24c;
  --q3-blue: #5287d8;
  --q3-cyan: #4eaab0;
  --q3-magenta: #aa69b0;
  --q3-white: #ffffff;
  --q3-orange: #d18748;
  --q3-gray: #8c978d;
}

body.theme-light-seafoam-page {
  --bg-primary: #f0f7f5;
  --bg-secondary: #fbfdfc;
  --bg-tertiary: #e5f0ed;
  --bg-hover: #d4e5df;
  --border: #bfd5cd;
  --border-light: #d4e3de;
  --text-primary: #223136;
  --text-secondary: #597378;
  --text-muted: #84969a;
  --accent: #3f7f78;
  --accent-dim: #69a097;
  --team-red: #cb7167;
  --team-blue: #6087c6;
  --q3-black: #374446;
  --q3-red: #c7564d;
  --q3-green: #4d986f;
  --q3-yellow: #cab24c;
  --q3-blue: #4e86db;
  --q3-cyan: #3eaeb7;
  --q3-magenta: #aa69b0;
  --q3-white: #ffffff;
  --q3-orange: #cf8645;
  --q3-gray: #809493;
}

body.theme-light-lilac-linen {
  --bg-primary: #f7f4fb;
  --bg-secondary: #fdfcff;
  --bg-tertiary: #ece6f5;
  --bg-hover: #dfd6eb;
  --border: #d2c7e2;
  --border-light: #e0d8ec;
  --text-primary: #2e2837;
  --text-secondary: #665d78;
  --text-muted: #8d86a0;
  --accent: #7662a8;
  --accent-dim: #9786c1;
  --team-red: #ca6d66;
  --team-blue: #6988cb;
  --q3-black: #433e4e;
  --q3-red: #c9534c;
  --q3-green: #669a54;
  --q3-yellow: #cfb14d;
  --q3-blue: #5688dc;
  --q3-cyan: #51adb6;
  --q3-magenta: #ac6dd1;
  --q3-white: #ffffff;
  --q3-orange: #d28747;
  --q3-gray: #8d879b;
}

body.theme-light-apricot-cream {
  --bg-primary: #fff6f0;
  --bg-secondary: #fffdfa;
  --bg-tertiary: #f9e8df;
  --bg-hover: #f1dacc;
  --border: #e4cbbb;
  --border-light: #eedbcf;
  --text-primary: #382920;
  --text-secondary: #7e6352;
  --text-muted: #a28775;
  --accent: #b87648;
  --accent-dim: #cf966e;
  --team-red: #ca6a63;
  --team-blue: #6687c7;
  --q3-black: #4a3b32;
  --q3-red: #ca524b;
  --q3-green: #6d9a45;
  --q3-yellow: #d0aa41;
  --q3-blue: #5388dc;
  --q3-cyan: #4faaa9;
  --q3-magenta: #ad69a9;
  --q3-white: #ffffff;
  --q3-orange: #d67d3c;
  --q3-gray: #928478;
}

body.theme-light-blueprint-wash {
  --bg-primary: #f1f5fb;
  --bg-secondary: #fbfdff;
  --bg-tertiary: #e5ecf6;
  --bg-hover: #d6e0ef;
  --border: #c2d0e3;
  --border-light: #d8e1ee;
  --text-primary: #25303d;
  --text-secondary: #5c6d84;
  --text-muted: #8594aa;
  --accent: #4f74a8;
  --accent-dim: #7491be;
  --team-red: #cb6b63;
  --team-blue: #5c86cb;
  --q3-black: #3a4554;
  --q3-red: #cb534c;
  --q3-green: #62965c;
  --q3-yellow: #d0b14a;
  --q3-blue: #4b87df;
  --q3-cyan: #4ea8bd;
  --q3-magenta: #a96dc0;
  --q3-white: #ffffff;
  --q3-orange: #d28646;
  --q3-gray: #8692a4;
}

body.theme-light-meadow-note {
  --bg-primary: #f5f7ee;
  --bg-secondary: #fcfdf8;
  --bg-tertiary: #ebf0df;
  --bg-hover: #dfe7cd;
  --border: #ccd8b9;
  --border-light: #dae4c8;
  --text-primary: #2a321f;
  --text-secondary: #66724b;
  --text-muted: #8f9772;
  --accent: #71853d;
  --accent-dim: #90a85d;
  --team-red: #ca6f67;
  --team-blue: #6688c8;
  --q3-black: #41482f;
  --q3-red: #ca544c;
  --q3-green: #679f41;
  --q3-yellow: #cdae34;
  --q3-blue: #5388da;
  --q3-cyan: #4fa8ad;
  --q3-magenta: #a868ad;
  --q3-white: #ffffff;
  --q3-orange: #d2873e;
  --q3-gray: #90987f;
}

body.theme-mixed-olive-stone {
  --bg-primary: #7b8372;
  --bg-secondary: #f4f2e8;
  --bg-tertiary: #e6e1d2;
  --bg-hover: #d6ceb9;
  --border: #aba38d;
  --border-light: #c4baa1;
  --text-primary: #2a2f24;
  --text-secondary: #646857;
  --text-muted: #8a8b79;
  --accent: #5e7442;
  --accent-dim: #7d9160;
  --team-red: #c86c65;
  --team-blue: #6488c7;
  --q3-black: #45493e;
  --q3-red: #c9524a;
  --q3-green: #649445;
  --q3-yellow: #cdaa40;
  --q3-blue: #5287da;
  --q3-cyan: #50a8ac;
  --q3-magenta: #a966aa;
  --q3-white: #ffffff;
  --q3-orange: #d08442;
  --q3-gray: #8b8f82;
}

body.theme-mixed-teal-slate {
  --bg-primary: #5e6f71;
  --bg-secondary: #f0f6f5;
  --bg-tertiary: #dfe9e6;
  --bg-hover: #cedbd7;
  --border: #9eaead;
  --border-light: #bbc8c6;
  --text-primary: #243133;
  --text-secondary: #5f6d6d;
  --text-muted: #859190;
  --accent: #3f7f79;
  --accent-dim: #619b94;
  --team-red: #ca7067;
  --team-blue: #5f87c8;
  --q3-black: #3e4a4b;
  --q3-red: #c8554d;
  --q3-green: #559568;
  --q3-yellow: #ccb14b;
  --q3-blue: #4f87dd;
  --q3-cyan: #43aeb7;
  --q3-magenta: #aa6bb1;
  --q3-white: #ffffff;
  --q3-orange: #cf8746;
  --q3-gray: #899493;
}

body.theme-mixed-rose-clay {
  --bg-primary: #77666a;
  --bg-secondary: #fbf2ef;
  --bg-tertiary: #f0dfd8;
  --bg-hover: #e2ccc3;
  --border: #baa39c;
  --border-light: #d0b7af;
  --text-primary: #362827;
  --text-secondary: #725c58;
  --text-muted: #98817c;
  --accent: #b26774;
  --accent-dim: #c78994;
  --team-red: #cb6862;
  --team-blue: #6989c7;
  --q3-black: #51403f;
  --q3-red: #cb534c;
  --q3-green: #6f9947;
  --q3-yellow: #d0ac45;
  --q3-blue: #5588dc;
  --q3-cyan: #53acb0;
  --q3-magenta: #b06db0;
  --q3-white: #ffffff;
  --q3-orange: #d78544;
  --q3-gray: #94837f;
}

body.theme-mixed-amber-moss {
  --bg-primary: #6f6853;
  --bg-secondary: #f7f1e0;
  --bg-tertiary: #eadfc3;
  --bg-hover: #dbcda7;
  --border: #b6a682;
  --border-light: #cebc96;
  --text-primary: #342d22;
  --text-secondary: #6d6250;
  --text-muted: #938671;
  --accent: #7b8443;
  --accent-dim: #9ca15f;
  --team-red: #ca6c63;
  --team-blue: #6688c8;
  --q3-black: #4b4638;
  --q3-red: #ca534b;
  --q3-green: #719943;
  --q3-yellow: #d0aa3c;
  --q3-blue: #5388dc;
  --q3-cyan: #52a9ab;
  --q3-magenta: #ab69ac;
  --q3-white: #ffffff;
  --q3-orange: #d67f35;
  --q3-gray: #8e8774;
}

body.theme-mixed-lavender-stone {
  --bg-primary: #736e7d;
  --bg-secondary: #f5f2f8;
  --bg-tertiary: #e6dff0;
  --bg-hover: #d7cde6;
  --border: #b7acc6;
  --border-light: #ccc1d8;
  --text-primary: #2e2936;
  --text-secondary: #675f75;
  --text-muted: #8e879c;
  --accent: #7d699f;
  --accent-dim: #9b88bb;
  --team-red: #cb6d66;
  --team-blue: #6889cb;
  --q3-black: #494454;
  --q3-red: #cb554d;
  --q3-green: #679751;
  --q3-yellow: #d0b14c;
  --q3-blue: #578add;
  --q3-cyan: #53acb6;
  --q3-magenta: #af71ca;
  --q3-white: #ffffff;
  --q3-orange: #d58a48;
  --q3-gray: #90889f;
}

body.theme-mixed-coastal-sand {
  --bg-primary: #6d7973;
  --bg-secondary: #f7f4ea;
  --bg-tertiary: #e8e2d3;
  --bg-hover: #d7ceba;
  --border: #aea38d;
  --border-light: #c7baa2;
  --text-primary: #2b302c;
  --text-secondary: #60685f;
  --text-muted: #868d84;
  --accent: #4f807b;
  --accent-dim: #71a099;
  --team-red: #ca7067;
  --team-blue: #6388c8;
  --q3-black: #444b47;
  --q3-red: #c9564d;
  --q3-green: #60956a;
  --q3-yellow: #cfb14a;
  --q3-blue: #5188de;
  --q3-cyan: #49adb7;
  --q3-magenta: #aa6ab1;
  --q3-white: #ffffff;
  --q3-orange: #cf8848;
  --q3-gray: #8b9189;
}

body.theme-mixed-river-paper {
  --bg-primary: #66717f;
  --bg-secondary: #f5f7f9;
  --bg-tertiary: #e3e8ee;
  --bg-hover: #d2dae4;
  --border: #a9b3c0;
  --border-light: #c2cbd7;
  --text-primary: #27303a;
  --text-secondary: #626f7f;
  --text-muted: #8a95a5;
  --accent: #4d739e;
  --accent-dim: #6f90b6;
  --team-red: #cb6f66;
  --team-blue: #6287cb;
  --q3-black: #434b56;
  --q3-red: #cb564e;
  --q3-green: #63945d;
  --q3-yellow: #d0b14b;
  --q3-blue: #4f88e0;
  --q3-cyan: #51a9be;
  --q3-magenta: #a96fc0;
  --q3-white: #ffffff;
  --q3-orange: #d08747;
  --q3-gray: #8994a2;
}

body.theme-mixed-ember-slate {
  --bg-primary: #695f5a;
  --bg-secondary: #f5f1ef;
  --bg-tertiary: #e7ddda;
  --bg-hover: #d7c7c1;
  --border: #b4a19b;
  --border-light: #cab5ae;
  --text-primary: #322a29;
  --text-secondary: #6c5f5c;
  --text-muted: #93827d;
  --accent: #b6774a;
  --accent-dim: #cd936a;
  --team-red: #cb6d66;
  --team-blue: #6788c8;
  --q3-black: #49403f;
  --q3-red: #cb554d;
  --q3-green: #6a974c;
  --q3-yellow: #d0ab44;
  --q3-blue: #5489dc;
  --q3-cyan: #52aaaf;
  --q3-magenta: #aa69ad;
  --q3-white: #ffffff;
  --q3-orange: #d7803b;
  --q3-gray: #8e837f;
}

body.theme-mixed-herb-ash {
  --bg-primary: #6b7269;
  --bg-secondary: #f3f4ef;
  --bg-tertiary: #e4e7df;
  --bg-hover: #d2d7cb;
  --border: #aab0a2;
  --border-light: #c1c8bb;
  --text-primary: #2a2f28;
  --text-secondary: #62685d;
  --text-muted: #888f84;
  --accent: #687f52;
  --accent-dim: #879d6d;
  --team-red: #ca6d66;
  --team-blue: #6688ca;
  --q3-black: #444942;
  --q3-red: #ca554d;
  --q3-green: #69964c;
  --q3-yellow: #cfb047;
  --q3-blue: #5489de;
  --q3-cyan: #50aaaf;
  --q3-magenta: #a96bb0;
  --q3-white: #ffffff;
  --q3-orange: #d18543;
  --q3-gray: #8a9087;
}

body.theme-mixed-indigo-sage {
  --bg-primary: #656d7b;
  --bg-secondary: #f3f5f6;
  --bg-tertiary: #e2e6ea;
  --bg-hover: #d2d8df;
  --border: #a7b0bb;
  --border-light: #bfc8d0;
  --text-primary: #28303a;
  --text-secondary: #606a78;
  --text-muted: #87919f;
  --accent: #6d866d;
  --accent-dim: #8ea08d;
  --team-red: #cb6d66;
  --team-blue: #6488cf;
  --q3-black: #434b56;
  --q3-red: #cb554d;
  --q3-green: #679666;
  --q3-yellow: #cfb04a;
  --q3-blue: #5389e0;
  --q3-cyan: #50abb8;
  --q3-magenta: #aa6dc1;
  --q3-white: #ffffff;
  --q3-orange: #d18646;
  --q3-gray: #88919d;
}