:root, body.light, body.dark {
    --logexDCSLogo: url("../images/Logo/Logex1-black_DCS.png");
    --logexSolutionLogo: url("../images/Logo/LogexSolution-black.png");
    --primary: rgb(68 103 50);
    --surface-tint: rgb(68 103 50);
    --on-primary: rgb(255 255 255);
    --primary-container: rgb(197 239 171);
    --on-primary-container: rgb(7 33 0);
    --secondary: rgb(85 98 76);
    --on-secondary: rgb(255 255 255);
    --secondary-container: rgb(216 231 203);
    --on-secondary-container: rgb(19 31 13);
    --tertiary: rgb(56 102 103);
    --on-tertiary: rgb(255 255 255);
    --tertiary-container: rgb(187 235 236);
    --on-tertiary-container: rgb(0 32 32);
    --error: rgb(186 26 26);
    --on-error: rgb(255 255 255);
    --error-container: rgb(255 218 214);
    --on-error-container: rgb(65 0 2);
    --background: rgb(248 250 240);
    --on-background: rgb(25 29 22);
    --surface: rgb(248 250 240);
    --on-surface: rgb(25 29 22);
    --surface-variant: rgb(223 228 215);
    --on-surface-variant: rgb(67 72 62);
    --outline: rgb(116 121 109);
    --outline-variant: rgb(195 200 187);
    --shadow: rgb(0 0 0);
    --scrim: rgb(0 0 0);
    --inverse-surface: rgb(46 49 43);
    --inverse-on-surface: rgb(239 242 231);
    --inverse-primary: rgb(169 210 145);
    --primary-fixed: rgb(197 239 171);
    --on-primary-fixed: rgb(7 33 0);
    --primary-fixed-dim: rgb(169 210 145);
    --on-primary-fixed-variant: rgb(45 79 29);
    --secondary-fixed: rgb(216 231 203);
    --on-secondary-fixed: rgb(19 31 13);
    --secondary-fixed-dim: rgb(189 203 176);
    --on-secondary-fixed-variant: rgb(62 74 54);
    --tertiary-fixed: rgb(187 235 236);
    --on-tertiary-fixed: rgb(0 32 32);
    --tertiary-fixed-dim: rgb(160 207 208);
    --on-tertiary-fixed-variant: rgb(30 78 79);
    --surface-dim: rgb(217 219 209);
    --surface-bright: rgb(248 250 240);
    --surface-container-lowest: rgb(255 255 255);
    --surface-container-low: rgb(242 245 234);
    --surface-container: rgb(237 239 229);
    --surface-container-high: rgb(231 233 223);
    --surface-container-highest: rgb(225 228 217);
    --overlay: rgb(0 0 0 / .5);
    --active: rgb(0 0 0 / .1);
    --elevate1: 0 .125rem .125rem 0 rgb(0 0 0 / .32);
    --elevate2: 0 .25rem .5rem 0 rgb(0 0 0 / .4);
    --elevate3: 0 .375rem .75rem 0 rgb(0 0 0 / .48);
    --warning: rgb(115 92 12);
    --on-warning: rgb(255 255 255);
    --warning-container: rgb(255 224 139);
    --on-warning-container: rgb(36 26 0);
    --error-mc: rgb(140 0 9);
    --on-error-mc: rgb(255 255 255);
    --error-container-mc: rgb(218 52 46);
    --on-error-container-mc: rgb(255 255 255);
}