/* Xplora design tokens */
:root {
	--color-white: #ffffff;
	--color-light: #fef2ec;

	--color-brand-light: #ffaa81;
	--color-brand: #f47e42;
	--color-brand-dark: #9e3600;

	--color-accent-light: #d7e5ef;
	--color-accent: #005a99;
	--color-accent-dark: #003b66;

	--color-dark: #270e02;
	--color-black: #000000;

	--color-danger: #d92d20;
	--color-success: #12a150;
	--color-info: #1e97cf;

	--size-0: 0;
	--size-1: 4px;
	--size-2: 8px;
	--size-3: 12px;
	--size-4: 16px;
	--size-5: 20px;
	--size-6: 24px;
	--size-7: 32px;
	--size-8: 40px;
	--size-9: 48px;
	--size-10: 56px;
	--size-11: 64px;
	--page-gutter: 16px;

	--color-bg: var(--color-white);
	--color-layer: var(--color-light);
	--color-text: var(--color-dark);
	--color-border: var(--color-black);

	--font-ui: "Poppins", sans-serif;
	--font-body: "Poppins", sans-serif;
	--font-heading: "Poppins", sans-serif;

	--type-hero-size: 42px;
	--type-hero-weight: 300;
	--type-h1-size: 30px;
	--type-h1-weight: 600;
	--type-h2-size: 24px;
	--type-h2-weight: 400;
	--type-h3-size: 20px;
	--type-h3-weight: 400;
	--type-emphasis-size: 18px;
	--type-emphasis-weight: 600;
	--type-h4-size: 16px;
	--type-h4-weight: 400;
	--type-body-size: 14px;
	--type-body-weight: 400;
	--type-link-size: 14px;
	--type-link-weight: 600;
	--type-aux-size: 12px;
	--type-aux-weight: 400;
	--type-medium-weight: 500;
	--type-strong-weight: 700;
	--type-heavy-weight: 800;
	--icon-size-sm: 16px;
	--icon-size-md: 22px;

	--font-size-base: var(--type-body-size);
	--line-height-base: 1.4;
	--field-radius: 4px;
	--shadow-panel: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
}