/* Default colors */
:root {
	--color-bg: #99cc99;
	--color-standalone-bg: #f5f5f5;
	--color-surface: #ffffff;
	--color-text: #333333;
}
/* Theme colors */
:root {
	--primary: #336633;
	--primary-100: #2e5c2e;
	--primary-200: #295229;
	--primary-300: #244724;
	--primary--100: #477547;
	--primary--200: #5c855c;
	--primary--300: #709470;
	--primary-rgba-0: rgba(51, 102, 51, 0);
	--primary-rgba-10: rgba(51, 102, 51, 0.1);
	--primary-rgba-20: rgba(51, 102, 51, 0.2);
	--primary-rgba-30: rgba(51, 102, 51, 0.3);
	--primary-rgba-40: rgba(51, 102, 51, 0.4);
	--primary-rgba-50: rgba(51, 102, 51, 0.5);
	--primary-rgba-60: rgba(51, 102, 51, 0.6);
	--primary-rgba-70: rgba(51, 102, 51, 0.7);
	--primary-rgba-80: rgba(51, 102, 51, 0.8);
	--primary-rgba-90: rgba(51, 102, 51, 0.9);
	--secondary: #669966;
	--secondary-100: #5c8a5c;
	--secondary-200: #527a52;
	--secondary-300: #476b47;
	--secondary--100: #75a375;
	--secondary--200: #85ad85;
	--secondary--300: #94b894;
	--secondary-rgba-0: rgba(102, 153, 102, 0);
	--secondary-rgba-10: rgba(102, 153, 102, 0.1);
	--secondary-rgba-20: rgba(102, 153, 102, 0.2);
	--secondary-rgba-30: rgba(102, 153, 102, 0.3);
	--secondary-rgba-40: rgba(102, 153, 102, 0.4);
	--secondary-rgba-50: rgba(102, 153, 102, 0.5);
	--secondary-rgba-60: rgba(102, 153, 102, 0.6);
	--secondary-rgba-70: rgba(102, 153, 102, 0.7);
	--secondary-rgba-80: rgba(102, 153, 102, 0.8);
	--secondary-rgba-90: rgba(102, 153, 102, 0.9);
	--tertiary: #66cc66;
	--tertiary-100: #5cb85c;
	--tertiary-200: #52a352;
	--tertiary-300: #478f47;
	--tertiary--100: #75d175;
	--tertiary--200: #85d685;
	--tertiary--300: #94db94;
	--tertiary-rgba-0: rgba(102, 204, 102, 0);
	--tertiary-rgba-10: rgba(102, 204, 102, 0.1);
	--tertiary-rgba-20: rgba(102, 204, 102, 0.2);
	--tertiary-rgba-30: rgba(102, 204, 102, 0.3);
	--tertiary-rgba-40: rgba(102, 204, 102, 0.4);
	--tertiary-rgba-50: rgba(102, 204, 102, 0.5);
	--tertiary-rgba-60: rgba(102, 204, 102, 0.6);
	--tertiary-rgba-70: rgba(102, 204, 102, 0.7);
	--tertiary-rgba-80: rgba(102, 204, 102, 0.8);
	--tertiary-rgba-90: rgba(102, 204, 102, 0.9);
	--quaternary: #336633;
	--quaternary-100: #2e5c2e;
	--quaternary-200: #295229;
	--quaternary-300: #244724;
	--quaternary--100: #477547;
	--quaternary--200: #5c855c;
	--quaternary--300: #709470;
	--quaternary-rgba-0: rgba(51, 102, 51, 0);
	--quaternary-rgba-10: rgba(51, 102, 51, 0.1);
	--quaternary-rgba-20: rgba(51, 102, 51, 0.2);
	--quaternary-rgba-30: rgba(51, 102, 51, 0.3);
	--quaternary-rgba-40: rgba(51, 102, 51, 0.4);
	--quaternary-rgba-50: rgba(51, 102, 51, 0.5);
	--quaternary-rgba-60: rgba(51, 102, 51, 0.6);
	--quaternary-rgba-70: rgba(51, 102, 51, 0.7);
	--quaternary-rgba-80: rgba(51, 102, 51, 0.8);
	--quaternary-rgba-90: rgba(51, 102, 51, 0.9);
}
/* System colors */
:root {
	--success: #198754;
	--success-100: #177a4c;
	--success-200: #146c43;
	--success-300: #125f3b;
	--success--100: #309365;
	--success--200: #479f76;
	--success--300: #5eab87;
	--success-rgba-0: rgba(25, 135, 84, 0);
	--success-rgba-10: rgba(25, 135, 84, 0.1);
	--success-rgba-20: rgba(25, 135, 84, 0.2);
	--success-rgba-30: rgba(25, 135, 84, 0.3);
	--success-rgba-40: rgba(25, 135, 84, 0.4);
	--success-rgba-50: rgba(25, 135, 84, 0.5);
	--success-rgba-60: rgba(25, 135, 84, 0.6);
	--success-rgba-70: rgba(25, 135, 84, 0.7);
	--success-rgba-80: rgba(25, 135, 84, 0.8);
	--success-rgba-90: rgba(25, 135, 84, 0.9);
	--info: #0dcaf0;
	--info-100: #0cb6d8;
	--info-200: #0aa2c0;
	--info-300: #098da8;
	--info--100: #25cff2;
	--info--200: #3dd5f3;
	--info--300: #56daf5;
	--info-rgba-0: rgba(13, 202, 240, 0);
	--info-rgba-10: rgba(13, 202, 240, 0.1);
	--info-rgba-20: rgba(13, 202, 240, 0.2);
	--info-rgba-30: rgba(13, 202, 240, 0.3);
	--info-rgba-40: rgba(13, 202, 240, 0.4);
	--info-rgba-50: rgba(13, 202, 240, 0.5);
	--info-rgba-60: rgba(13, 202, 240, 0.6);
	--info-rgba-70: rgba(13, 202, 240, 0.7);
	--info-rgba-80: rgba(13, 202, 240, 0.8);
	--info-rgba-90: rgba(13, 202, 240, 0.9);
	--warning: #ffc107;
	--warning-100: #e6ae06;
	--warning-200: #cc9a06;
	--warning-300: #b38705;
	--warning--100: #ffc720;
	--warning--200: #ffcd39;
	--warning--300: #ffd451;
	--warning-rgba-0: rgba(255, 193, 7, 0);
	--warning-rgba-10: rgba(255, 193, 7, 0.1);
	--warning-rgba-20: rgba(255, 193, 7, 0.2);
	--warning-rgba-30: rgba(255, 193, 7, 0.3);
	--warning-rgba-40: rgba(255, 193, 7, 0.4);
	--warning-rgba-50: rgba(255, 193, 7, 0.5);
	--warning-rgba-60: rgba(255, 193, 7, 0.6);
	--warning-rgba-70: rgba(255, 193, 7, 0.7);
	--warning-rgba-80: rgba(255, 193, 7, 0.8);
	--warning-rgba-90: rgba(255, 193, 7, 0.9);
	--danger: #dc3545;
	--danger-100: #c6303e;
	--danger-200: #b02a37;
	--danger-300: #9a2530;
	--danger--100: #e04958;
	--danger--200: #e35d6a;
	--danger--300: #e7727d;
	--danger-rgba-0: rgba(220, 53, 69, 0);
	--danger-rgba-10: rgba(220, 53, 69, 0.1);
	--danger-rgba-20: rgba(220, 53, 69, 0.2);
	--danger-rgba-30: rgba(220, 53, 69, 0.3);
	--danger-rgba-40: rgba(220, 53, 69, 0.4);
	--danger-rgba-50: rgba(220, 53, 69, 0.5);
	--danger-rgba-60: rgba(220, 53, 69, 0.6);
	--danger-rgba-70: rgba(220, 53, 69, 0.7);
	--danger-rgba-80: rgba(220, 53, 69, 0.8);
	--danger-rgba-90: rgba(220, 53, 69, 0.9);
	--light: #f8f9fa;
	--light-100: #dfe0e1;
	--light-200: #c6c7c8;
	--light-300: #aeaeaf;
	--light--100: #f9fafb;
	--light--200: #f9fafb;
	--light--300: #fafbfc;
	--light-rgba-0: rgba(248, 249, 250, 0);
	--light-rgba-10: rgba(248, 249, 250, 0.1);
	--light-rgba-20: rgba(248, 249, 250, 0.2);
	--light-rgba-30: rgba(248, 249, 250, 0.3);
	--light-rgba-40: rgba(248, 249, 250, 0.4);
	--light-rgba-50: rgba(248, 249, 250, 0.5);
	--light-rgba-60: rgba(248, 249, 250, 0.6);
	--light-rgba-70: rgba(248, 249, 250, 0.7);
	--light-rgba-80: rgba(248, 249, 250, 0.8);
	--light-rgba-90: rgba(248, 249, 250, 0.9);
	--dark: #212529;
	--dark-100: #1e2125;
	--dark-200: #1a1e21;
	--dark-300: #171a1d;
	--dark--100: #373b3e;
	--dark--200: #4d5154;
	--dark--300: #646669;
	--dark-rgba-0: rgba(33, 37, 41, 0);
	--dark-rgba-10: rgba(33, 37, 41, 0.1);
	--dark-rgba-20: rgba(33, 37, 41, 0.2);
	--dark-rgba-30: rgba(33, 37, 41, 0.3);
	--dark-rgba-40: rgba(33, 37, 41, 0.4);
	--dark-rgba-50: rgba(33, 37, 41, 0.5);
	--dark-rgba-60: rgba(33, 37, 41, 0.6);
	--dark-rgba-70: rgba(33, 37, 41, 0.7);
	--dark-rgba-80: rgba(33, 37, 41, 0.8);
	--dark-rgba-90: rgba(33, 37, 41, 0.9);
}
/* Grey Colors */
:root {
	--grey: #969696;
	--grey-100: #f4f4f4;
	--grey-200: #eaeaea;
	--grey-300: #e5e5e5;
	--grey-400: #e0e0e0;
	--grey-500: #dbdbdb;
	--grey-600: #cecece;
	--grey-700: #c1c1c1;
	--grey-800: #a8a8a8;
	--grey-900: #8e8e8e;
	--grey-1000: #757575;
}