/* Ionic Variables and Theming. For more info, please see:
http://ionicframework.com/docs/theming/ */

/** Ionic CSS Variables **/
:root {
	--sgc-background-dark-bg: #364855;
	--sgc-background-dark-font: #f3f5f9;
	--sgc-background-light-bg: #f1f3f6;
	--sgc-background-light-font: #364855;
	--ion-background-color: #f1f3f6;
	/** primary **/
	--ion-color-primary: #364855 /*#2471A3 */;
	--ion-color-primary-rgb: 36, 57, 72;
	--ion-color-primary-contrast: #ffffff;
	--ion-color-primary-contrast-rgb: 255, 255, 255;
	--ion-color-primary-shade: #243948 /*#18567E  */;
	--ion-color-primary-tint: #466378 /*#3691CB */;

	--sgc-color-primary-95: #e9fbf8;
	--sgc-color-primary-90: #ddf6f2;
	--sgc-color-primary-80: #c5f5ee;
	--sgc-color-primary-70: #98eddf;
	--sgc-color-primary-60: #5cdccb;
	--sgc-color-primary-50: #2aae9b;
	--sgc-color-primary-30: #1c7769;
	--sgc-color-primary-20: #225a52;
	--sgc-color-primary-10: #14423b;

	/** secondary **/
	--ion-color-secondary: #219080;
	--ion-color-secondary-rgb: 33, 144, 128;
	--ion-color-secondary-contrast: #ffffff;
	--ion-color-secondary-contrast-rgb: 255, 255, 255;
	--ion-color-secondary-shade: #1c7769;
	--ion-color-secondary-tint: #2aae9b;

	--sgc-color-secondary-95: #e5f5ff;
	--sgc-color-secondary-90: #cbebff;
	--sgc-color-secondary-80: #a2d7f9;
	--sgc-color-secondary-70: #81c6f2;
	--sgc-color-secondary-60: #58b1eb;
	--sgc-color-secondary-50: #3691cb;
	--sgc-color-secondary-30: #18567e;
	--sgc-color-secondary-20: #0e4467;
	--sgc-color-secondary-10: #083857;

	/** tertiary **/
	--ion-color-tertiary: #695ab0;
	--ion-color-tertiary-rgb: 100, 84, 174;
	--ion-color-tertiary-contrast: #ffffff;
	--ion-color-tertiary-contrast-rgb: 255, 255, 255;
	--ion-color-tertiary-shade: #513fa1;
	--ion-color-tertiary-tint: #9382e1;

	--sgc-color-tertiary-95: #f6f5fb;
	--sgc-color-tertiary-90: #ebe8fe;
	--sgc-color-tertiary-80: #dfdbf4;
	--sgc-color-tertiary-70: #d3cdef;
	--sgc-color-tertiary-60: #b0a1f4;
	--sgc-color-tertiary-50: #9382e1;
	--sgc-color-tertiary-30: #513fa1;
	--sgc-color-tertiary-20: #2b205e;
	--sgc-color-tertiary-10: #180f43;

	/** success **/
	--ion-color-success: #2fa36b;
	--ion-color-success-rgb: 45, 211, 111;
	--ion-color-success-contrast: #ffffff;
	--ion-color-success-contrast-rgb: 255, 255, 255;
	--ion-color-success-shade: #21905b;
	--ion-color-success-tint: #4dc37c;

	/** warning **/
	--ion-color-warning: #ffcd62;
	--ion-color-warning-rgb: 255, 178, 87;
	--ion-color-warning-contrast: #6d3a00;
	--ion-color-warning-contrast-rgb: 0, 0, 0;
	--ion-color-warning-shade: #ffb74b;
	--ion-color-warning-tint: #ffe057;

	--sgc-color-warning-95: #fffbf5;
	--sgc-color-warning-90: #fff1e1;
	--sgc-color-warning-80: #ffe6ca;
	--sgc-color-warning-70: #ffc47d;
	--sgc-color-warning-60: #ffc965;
	--sgc-color-warning-50: #ffb962;
	--sgc-color-warning-30: #e9850e;
	--sgc-color-warning-20: #c66b00;
	--sgc-color-warning-10: #874900;

	/** danger **/
	--ion-color-danger: #e54553;
	--ion-color-danger-rgb: 229, 69, 83;
	--ion-color-danger-contrast: #ffffff;
	--ion-color-danger-contrast-rgb: 255, 255, 255;
	--ion-color-danger-shade: #b22a37;
	--ion-color-danger-tint: #ff5e6c;

	--sgc-color-danger-95: #fff8f8;
	--sgc-color-danger-90: #ffeff0;
	--sgc-color-danger-80: #ffdee0;
	--sgc-color-danger-70: #ffb9bf;
	--sgc-color-danger-60: #ff8892;
	--sgc-color-danger-50: #ff5e6c;
	--sgc-color-danger-30: #b22a37;
	--sgc-color-danger-20: #92252f;
	--sgc-color-danger-10: #651b22;

	/** dark **/
	--ion-color-dark: #222428;
	--ion-color-dark-rgb: 34, 36, 40;
	--ion-color-dark-contrast: #ffffff;
	--ion-color-dark-contrast-rgb: 255, 255, 255;
	--ion-color-dark-shade: #1e2023;
	--ion-color-dark-tint: #383a3e;

	/** medium **/
	--ion-color-medium: #92949c;
	--ion-color-medium-rgb: 146, 148, 156;
	--ion-color-medium-contrast: #ffffff;
	--ion-color-medium-contrast-rgb: 255, 255, 255;
	--ion-color-medium-shade: #808289;
	--ion-color-medium-tint: #9d9fa6;

	/** light **/
	--ion-color-light: #f4f5f8;
	--ion-color-light-rgb: 244, 245, 248;
	--ion-color-light-contrast: #000000;
	--ion-color-light-contrast-rgb: 0, 0, 0;
	--ion-color-light-shade: #d7d8da;
	--ion-color-light-tint: #f5f6f9;
}
