:root {
	/* Colors */
	--color-primary: #0047ab;
	--color-primary-contrast: #ffffff;
	--color-primary-light: #82d3f7;
	--color-primary-pale: #f1f9fe;

	--color-primary-gradient: linear-gradient(90deg, #0047ab 25%, #169cd3 100%);

	--color-secondary: #435661;
	--color-secondary-contrast: #000000;
	--color-secondary-light: #71929f;
	--color-secondary-pale: #f3f6f8;

	--color-accent-alert: #ff0000;
	--color-accent-alert-contrast: #ffffff;
	--color-accent-info: #0047ab;
	--color-accent-info-contrast: #ffffff;
	--color-accent-inf-pale: #0047ab;
	--color-accent-warning: #ef8e00;
	--color-accent-warning-contrast: #ffffff;
	--color-accent-success: #049144;
	--color-accent-success-contrast: #ffffff;

	--color-monotone-black: #3d3d3d;
	--color-monotone-deep: #626262;
	--color-monotone-light: #d1d1d1;
	--color-monotone-pale: #f6f6f6;
	--color-monotone-white: white;

	--color-text: #3d3d3d;
	/* --color-text-anchor: #0077b6; */
	--color-text-anchor: #0047ab;

	/* Old */
	--color-accent: #e28441;

	--color-success: #2e7d32;
	--color-success-contrast: #ffffff;
	--color-error: #ea3323;
	--color-error-contrast: #ffffff;
	--color-info: #0288d1;
	--color-info-contrast: #ffffff;
	--color-border: #929da4; /* Same as color-sub-light */

	--radius: 0.5rem; /* 8px */
	--radius-lg: 1rem; /* 16px */

	/* Use in Alert */
	--color-info-bg: #e5f6fd;
	--color-info-text: #014361;
	--color-info-icon: #0288d1;
	--color-success-bg: #edf7ed;
	--color-success-text: #1e4620;
	--color-success-icon: #2e7d32;
	--color-warning-bg: #fff4e5;
	--color-warning-text: #663c00;
	--color-warning-icon: #ed6c02;
	--color-error-bg: #fdeded;
	--color-error-text: #5f2120;
	--color-error-icon: #d32f2f;

	/* Font size */
	--font-size-00: 0.5rem; /* 8px */
	--font-size-0: 0.75rem; /* 12px */
	--font-size-1: 0.875rem; /* 14px */
	--font-size-2: 1rem; /* 16px */
	--font-size-3: 1.1rem; /* 18px */

	--font-size-heading-h1: 2.25rem; /* 36px */
	--font-size-heading-h2: 1.75rem; /* 28px */
	--font-size-heading-h3: 1.5rem; /* 24px */
	--font-size-heading-h4: 1.25rem; /* 20px */
	--font-size-heading-h5: 1.125rem; /* 18px */

	--font-size-body-lg: 1.125rem; /* 18px */
	--font-size-body-md: 1rem; /* 16px */
	--font-size-body-sm: 0.875rem; /* 14px */
	--font-size-body-xs: 0.75rem; /* 12px */

	@media screen and (max-width: 768px) {
		--font-size-heading-h1: 1.5rem; /* 24px */
		--font-size-heading-h2: 1.25rem; /* 20px */
		--font-size-heading-h3: 1.125rem; /* 18px */
		--font-size-heading-h4: 1rem; /* 16px */
		--font-size-heading-h5: 0.875rem; /* 14px */

		--font-size-body-lg: 1rem; /* 16px */
		--font-size-body-md: 0.875rem; /* 14px */
		--font-size-body-sm: 0.75rem; /* 12px */
		--font-size-body-xs: 0.625rem; /* 10px */
	}

	/* Header */
	--header-height: 82px;

	/* z-index */
	--z-index-main: 1000;
	--z-index-side-menu: calc(var(--z-index-main) + 100);
	--z-index-header: calc(var(--z-index-main) + 110);
	--z-index-toasts: calc(var(--z-index-main) + 120);
	--z-index-bottom-menu: calc(var(--z-index-main) + 125);
	--z-index-overlay: calc(var(--z-index-main) + 130);

	/* Side menu */
	--side-menu-width: 220px;
	--side-menu-bg: var(--color-primary-gradient);
	--side-menu-bg-active: white;
	--side-menu-text: white;
	--side-menu-text-active: var(--color-primary);

	--container-padding: 40px 24px;

	@media screen and (max-width: 768px) {
		--container-padding: 24px 16px;
	}

	/* @svelte-plugins/tooltips */
	/* --tooltip-arrow-size: 10px; */
	--tooltip-background-color: rgb(226, 132, 65, 0.9) !important;
	/* --tooltip-border-radius: 4px;
		--tooltip-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.25); */
	/* --tooltip-font-family:
		-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell,
		'Helvetica Neue', sans-serif; */
	/* --tooltip-font-size: 14px;
		--tooltip-font-weight: 500;
	--tooltip-line-height: 1.25rem;
	--tooltip-color: #fff;
	--tooltip-offset-x: 12px;
	--tooltip-offset-y: 12px;
	--tooltip-padding: 12px;
	--tooltip-white-space-hidden: nowrap;
	--tooltip-white-space-shown: normal;
	--tooltip-z-index: 100; */
}

/* Color Tokens */
/*
--colors__blue__50: #ebf8ff;
--colors__blue__100: #d1f0ff;
--colors__blue__200: #aee6ff;
--colors__blue__300: #76d8ff;
--colors__blue__400: #35c1ff;
--colors__blue__500: #079cff;
--colors__blue__600: #0076ff;
--colors__blue__700: #005dff;
--colors__blue__800: #004dd7;
--colors__blue__900: #0047ab;
--colors__blue__950: #062b65;
--colors__green__50: #eefff4;
--colors__green__100: #d7ffe8;
--colors__green__200: #b2ffd3;
--colors__green__300: #76ffb2;
--colors__green__400: #33f58a;
--colors__green__500: #09de68;
--colors__green__600: #00ab4d;
--colors__green__700: #049144;
--colors__green__800: #0a7139;
--colors__green__900: #0a5d32;
--colors__green__950: #003419;
--colors__purple__50: #f5f0ff;
--colors__purple__100: #eee4ff;
--colors__purple__200: #dfccff;
--colors__purple__300: #c8a4ff;
--colors__purple__400: #b170ff;
--colors__purple__500: #9d37ff;
--colors__purple__600: #970fff;
--colors__purple__700: #8c00ff;
--colors__purple__800: #7500da;
--colors__purple__900: #5e00ab;
--colors__purple__950: #3b007a;
--colors__red__50: #ffefef;
--colors__red__100: #ffdcdc;
--colors__red__200: #ffbfbf;
--colors__red__300: #ff9292;
--colors__red__400: #ff5454;
--colors__red__500: #ff1f1f;
--colors__red__600: #ff0000;
--colors__red__700: #db0000;
--colors__red__800: #ab0000;
--colors__red__900: #940808;
--colors__red__950: #520000;
--colors__bluegray__50: #f3f6f8;
--colors__bluegray__100: #e1e9ec;
--colors__bluegray__200: #c7d5da;
--colors__bluegray__300: #a0b7c0;
--colors__bluegray__400: #71929f;
--colors__bluegray__500: #567684;
--colors__bluegray__600: #4a6370;
--colors__bluegray__700: #435661;
--colors__bluegray__800: #3a4850;
--colors__bluegray__900: #343d45;
--colors__bluegray__950: #1f272d;
--colors__gray__50: #f6f6f6;
--colors__gray__100: #e7e7e7;
--colors__gray__200: #d1d1d1;
--colors__gray__300: #b0b0b0;
--colors__gray__400: #888888;
--colors__gray__500: #6d6d6d;
--colors__gray__600: #626262;
--colors__gray__700: #4f4f4f;
--colors__gray__800: #454545;
--colors__gray__900: #3d3d3d;
--colors__gray__950: #262626;
--colors__curiousblue__50: #f1f9fe;
--colors__curiousblue__100: #e1f3fd;
--colors__curiousblue__200: #bde6fa;
--colors__curiousblue__300: #82d3f7;
--colors__curiousblue__400: #40bdf0;
--colors__curiousblue__500: #169cd3;
--colors__curiousblue__600: #0a85bf;
--colors__curiousblue__700: #0a6a9a;
--colors__curiousblue__800: #0c5980;
--colors__curiousblue__900: #104b6a;
--colors__curiousblue__950: #0b2f46;
--colors__yellow__50: #fffee9;
--colors__yellow__100: #fffcc1;
--colors__yellow__200: #fff97e;
--colors__yellow__300: #ffef3a;
--colors__yellow__400: #ffdf0d;
--colors__yellow__500: #ffbb00;
--colors__yellow__600: #ef8e00;
--colors__yellow__700: #c66300;
--colors__yellow__800: #ad5100;
--colors__yellow__900: #833d04;
--colors__yellow__950: #4c1f00;
*/