:root {
	--c-white: #ffffff;
	--c-black: #000000;
	--c-text-1: #101014;
	--c-text-2: #2c2c35;
	--c-text-3: #656569;
	--c-text-4: #8a8a8e;
	--c-text-5: #afafb3;
	--c-text-6: #d7d7d9;
	--c-text-7: #ffffff;
	--c-grey-1: #101014;
	--c-grey-2: #2c2c35;
	--c-grey-3: #656569;
	--c-grey-4: #8a8a8e;
	--c-grey-5: #afafb3;
	--c-grey-6: #d7d7d9;
	--c-grey-7: #efeff0;
	--c-grey-8: #f4f4f5;
	--c-grey-9: #f9f9fa;
	--c-grey-10: #ffffff;
	--c-positive-1: #008573;
	--c-positive-2: #f5fff9;
	--c-positive-3: #006154;
	--c-positive-4: #7bb0a5;
	--c-positive-5: #f6fff7;
	--c-negative-1: #c4003f;
	--c-negative-2: #f9edf1;
	--c-negative-3: #9e0032;
	--c-negative-4: #ce7a93;
	--c-negative-5: #fff4f4;
	--c-info-1: #1948ce;
	--c-info-2: #eaedf5;
	--c-focus-1: #00cbff;
	--c-focus-2: #e6faff;
	--c-warning-1: #ffc700;
	--c-warning-2: #fff9e6;
	--c-warning-3: #907b2f;
	--c-warning-4: #7a4100;
	--c-warning-5: #efbc81;
	--c-warning-6: #fff7f0;

	/* default demobay colours */
	--c-primary-100: #e9e9f0;
	--c-primary-200: #a6a7c4;
	--c-primary-300: #797ba7;
	--c-primary-400: #4d4f89;
	--c-primary-500: #7399c6;
	--c-primary-600: #1a1c56;
	--c-primary-700: #131541;
	--c-primary-800: #0d0e2b;
	--c-primary-900: #0d0e2b;

	--c-secondary-100: #eeeaf2;
	--c-secondary-200: #cbc0d7;
	--c-secondary-300: #9782b0;
	--c-secondary-400: #755895;
	--c-secondary-500: #522e7b;
	--c-secondary-600: #422562;
	--c-secondary-700: #311c4a;
	--c-secondary-800: #211231;
	--c-secondary-900: #100919;

	--c-primary-500-transparency-3: color-mix(in srgb, var(--c-primary-500) 3%, transparent);
	--c-primary-500-transparency-30: color-mix(in srgb, var(--c-primary-500) 30%, transparent);

	--logo-url: url('/assets/images/themes/demobay_logo.png');
	--logo-width: 141px;
	--logo-height: 24px;

	--logo-inverse-url: url('/assets/images/themes/demobay_logo--inverse.png');
}

/* we probably won't use it but here for reference */
#app[data-theme="titanbay-prod"] {
	--c-primary-100: #e9e9f0;
	--c-primary-200: #a6a7c4;
	--c-primary-300: #797ba7;
	--c-primary-400: #4d4f89;
	--c-primary-500: #20236c;
	--c-primary-600: #1a1c56;
	--c-primary-700: #131541;
	--c-primary-800: #0d0e2b;
	--c-primary-900: #0d0e2b;

	--c-secondary-100: #eeeaf2;
	--c-secondary-200: #cbc0d7;
	--c-secondary-300: #9782b0;
	--c-secondary-400: #755895;
	--c-secondary-500: #522e7b;
	--c-secondary-600: #422562;
	--c-secondary-700: #311c4a;
	--c-secondary-800: #211231;
	--c-secondary-900: #100919;

	--logo-url: url('/assets/images/themes/titanbay_logo.svg');
	--logo-width: 149px;
	--logo-height: 44px;
}

#app[data-theme="amundi"] {
	--c-primary-400: #575757;
	--c-primary-500: #0C1C49;

	--c-secondary-300: #009FE3;

	--logo-url: url('/assets/images/themes/amundi_logo.png');
	--logo-width: 186px;
	--logo-height: 70px;

	--p-tabs-tab-active-color: #000000;
	--p-tabs-tab-color: #6B7280;
	--p-tabs-active-bar-background: #eb4221;
	--p-tabs-tab-active-border-color: #eb4221;
}

#app[data-theme="blackrock"] {
	--accent-color: #eb4221;

	--c-primary-400: #575757;
	--c-primary-500: #000000;
	--c-secondary-300: var(--accent-color);

	--logo-url: url('/assets/images/themes/blackrock_logo.png');
	--logo-width: 186px;
	--logo-height: 70px;

	--p-tabs-tab-active-color: #000000;
	--p-tabs-tab-color: #6B7280;
	--p-tabs-active-bar-background: var(--accent-color);
	--p-tabs-tab-active-border-color: var(--accent-color);
}

#app[data-theme="assetmanager"] {
	--accent-color: #2437E4;

	--c-primary-400: #575757;
	--c-primary-500: #000000;
	--c-secondary-300: var(--accent-color);

	--logo-url: url('/assets/images/themes/assetmanager_logo.svg');
	--logo-width: 186px;
	--logo-height: 70px;

	--p-tabs-tab-active-color: #000000;
	--p-tabs-tab-color: #414650;
	--p-tabs-active-bar-background: var(--accent-color);
	--p-tabs-tab-active-border-color: var(--accent-color);
}

#app[data-theme="ubs"] {
	--accent-color: #E70101;

	--c-primary-400: #575757;
	--c-primary-500: #000000;
	--c-secondary-300: var(--accent-color);

	--logo-url: url('/assets/images/themes/ubs_logo.jpg');
	--logo-height: 70px;
	--logo-width: calc((var(--logo-height) / 720) * 1280);

	--p-tabs-tab-active-color: #000000;
	--p-tabs-tab-color: #414650;
	--p-tabs-active-bar-background: var(--accent-color);
	--p-tabs-tab-active-border-color: var(--accent-color);
}

#app[data-theme="quilter"] {
	--accent-color: #023843;
	--header-link-color: #023843;
	--header-link-active-color: #023843;
	--header-link-hover-color: #f8f8f8;
	--header-border: 1px solid #b8b8b8;

	--header-background: white;
	--header-color: #333333;

	--c-primary-500: var(--accent-color);
	--c-primary-700: var(--accent-color);
	--c-secondary-300: var(--accent-color);

	--logo-url: url('/assets/images/themes/quilter_logo.png');
	--logo-inverse-url: url('/assets/images/themes/quilter_logo.png');

	--logo-height: 88px;
	--logo-width: 105px;
}

#app[data-theme="lbpam"] {
	--accent-color: #28426f;

	--c-primary-400: #575757;
	--c-primary-500: #000000;
	--c-secondary-300: var(--accent-color);

	--logo-url: url('/assets/images/themes/lbpam_logo_white.png');
	--logo-inverse-url: url('/assets/images/themes/lbpam_logo_blue.png');

	--logo-width: 157px;
	--logo-height: 32px;

	--p-tabs-tab-active-color: #000000;
	--p-tabs-tab-color: #6B7280;
	--p-tabs-active-bar-background: var(--accent-color);
	--p-tabs-tab-active-border-color: var(--accent-color);
}

#app[data-theme="genericbrand"] {
	--accent-color: #28426f;

	--c-primary-400: #575757;
	--c-primary-500: #000000;
	--c-secondary-300: var(--accent-color);

	--logo-url: url('/assets/images/themes/generic_logo.png');
	--logo-inverse-url: url('/assets/images/themes/generic_logo_inverse.png');

	--logo-width: 157px;
	--logo-height: 32px;

	--p-tabs-tab-active-color: #000000;
	--p-tabs-tab-color: #6B7280;
	--p-tabs-active-bar-background: var(--accent-color);
	--p-tabs-tab-active-border-color: var(--accent-color);
}