:root {
	/* ================================
		Brand Colors - Primary
		================================ */
	--Brand-Colors-Primary-base: #0091FF;
	--Brand-Colors-Primary-100: #E6F4FF;
	--Brand-Colors-Primary-200: #CCE9FF;
	--Brand-Colors-Primary-300: #B3DEFF;
	--Brand-Colors-Primary-400: #99D3FF;
	--Brand-Colors-Primary-500: #66BDFF;
	--Brand-Colors-Primary-600: #33A7FF;
	--Brand-Colors-Primary-700: var(--Brand-Colors-Primary-base);
	--Brand-Colors-Primary-800: #0074CC;
	--Brand-Colors-Primary-900: #005799;
	--Brand-Colors-Primary-1000: #003A66;

	/* ================================
		Brand Colors - Secondary
		================================ */
	--Brand-Colors-Secondary-base: #E01E5A;
	--Brand-Colors-Secondary-50: #FEF4F7;
	--Brand-Colors-Secondary-100: #FEE7EE;
	--Brand-Colors-Secondary-200: #FCCEDC;
	--Brand-Colors-Secondary-300: #FAB8CD;
	--Brand-Colors-Secondary-400: #F38CAC;
	--Brand-Colors-Secondary-500: #F66D98;
	--Brand-Colors-Secondary-600: #E64B7B;
	--Brand-Colors-Secondary-700: var(--Brand-Colors-Secondary-base);
	--Brand-Colors-Secondary-800: #CA1B51;
	--Brand-Colors-Secondary-900: #9D153F;
	--Brand-Colors-Secondary-1000: #700F2D;

	/* ================================
		Brand Colors - Accent
		================================ */
	--Brand-Colors-Accent-base: #905FEC;
	--Brand-Colors-Accent-100: #F4EFFD;
	--Brand-Colors-Accent-200: #E9DFFB;
	--Brand-Colors-Accent-300: #DECFF9;
	--Brand-Colors-Accent-400: #D3BFF7;
	--Brand-Colors-Accent-500: #BC9FF4;
	--Brand-Colors-Accent-600: #B18FF2;
	--Brand-Colors-Accent-700: var(--Brand-Colors-Accent-base);
	--Brand-Colors-Accent-800: #734CBD;
	--Brand-Colors-Accent-900: #56398E;
	--Brand-Colors-Accent-1000: #3A265E;

	/* ================================
		Status Colors - Success
		================================ */
	--Status-Colors-Success-base: #1AB651;
	--Status-Colors-Success-100: #E7F9EE;
	--Status-Colors-Success-200: #CFF2DB;
	--Status-Colors-Success-300: #B7ECCA;
	--Status-Colors-Success-400: #A0E4B8;
	--Status-Colors-Success-500: #76D397;
	--Status-Colors-Success-600: #48C574;
	--Status-Colors-Success-700: var(--Status-Colors-Success-base);
	--Status-Colors-Success-800: #127F39;
	--Status-Colors-Success-900: #0D5B29;
	--Status-Colors-Success-1000: #083718;

	/* ================================
		Status Colors - Warning
		================================ */
	--Status-Colors-Warning-base: #E48B23;
	--Status-Colors-Warning-100: #FFF5E9;
	--Status-Colors-Warning-200: #FFEBD4;
	--Status-Colors-Warning-300: #FED7A9;
	--Status-Colors-Warning-400: #FEC27D;
	--Status-Colors-Warning-500: #FDAE52;
	--Status-Colors-Warning-600: #FD9A27;
	--Status-Colors-Warning-700: var(--Status-Colors-Warning-base);
	--Status-Colors-Warning-800: #B16C1B;
	--Status-Colors-Warning-900: #7F4D14;
	--Status-Colors-Warning-1000: #4C2E0C;

	/* ================================
		Status Colors - Error
		================================ */
	--Status-Colors-Error-base: #E70A0A;
	--Status-Colors-Error-100: #FDE7E7;
	--Status-Colors-Error-200: #FACECE;
	--Status-Colors-Error-300: #F8B6B6;
	--Status-Colors-Error-400: #F59D9D;
	--Status-Colors-Error-500: #F37272;
	--Status-Colors-Error-600: #ED4F4F;
	--Status-Colors-Error-700: var(--Status-Colors-Error-base);
	--Status-Colors-Error-800: #B90808;
	--Status-Colors-Error-900: #8B0606;
	--Status-Colors-Error-1000: #450303;

	/* ================================
		Neutral Colors - Main Neutrals
	================================ */
	--Neutral-Colors-Main-Neutrals-base: #4D5B66;
	--Neutral-Colors-Main-Neutrals-25: #F8F8F8;
	--Neutral-Colors-Main-Neutrals-50: #F2F5FA;
	--Neutral-Colors-Main-Neutrals-100: #E6E8E9;
	--Neutral-Colors-Main-Neutrals-200: #CCD0D3;
	--Neutral-Colors-Main-Neutrals-300: #B3B9BD;
	--Neutral-Colors-Main-Neutrals-400: #99A1A7;
	--Neutral-Colors-Main-Neutrals-500: #808A92;
	--Neutral-Colors-Main-Neutrals-600: #66727C;
	--Neutral-Colors-Main-Neutrals-700: var(--Neutral-Colors-Main-Neutrals-base);
	--Neutral-Colors-Main-Neutrals-800: #334350;
	--Neutral-Colors-Main-Neutrals-900: #1A2C3A;
	--Neutral-Colors-Main-Neutrals-1000: #001424;

	/* ================================
		Neutral Colors - Tonal Neutrals
	================================ */
	--Neutral-Colors-Tonal-Neutrals-base: #504D4E;
	--Neutral-Colors-Tonal-Neutrals-100: #E6E6E6;
	--Neutral-Colors-Tonal-Neutrals-200: #CDCCCC;
	--Neutral-Colors-Tonal-Neutrals-300: #B4B3B3;
	--Neutral-Colors-Tonal-Neutrals-400: #9B999A;
	--Neutral-Colors-Tonal-Neutrals-500: #828081;
	--Neutral-Colors-Tonal-Neutrals-600: #696767;
	--Neutral-Colors-Tonal-Neutrals-700: var(--Neutral-Colors-Tonal-Neutrals-base);
	--Neutral-Colors-Tonal-Neutrals-800: #373435;
	--Neutral-Colors-Tonal-Neutrals-900: #1E1A1B;
	--Neutral-Colors-Tonal-Neutrals-1000: #050102;

	/* ================================
	Alpha Neutrals
	================================ */
	--Neutral-Colors-Alpha-Neutrals-base: #001424;
	--Neutral-Colors-Alpha-Neutrals-100: #0014241A; /* 10% */
	--Neutral-Colors-Alpha-Neutrals-200: #00142426; /* 15% */
	--Neutral-Colors-Alpha-Neutrals-300: #00142433; /* 20% */
	--Neutral-Colors-Alpha-Neutrals-400: #00142440; /* 25% */
	--Neutral-Colors-Alpha-Neutrals-500: #0014244D; /* 30% */
	--Neutral-Colors-Alpha-Neutrals-600: #00142466; /* 40% */
	--Neutral-Colors-Alpha-Neutrals-700: #00142480; /* 50% */
	--Neutral-Colors-Alpha-Neutrals-800: #00142499; /* 60% */
	--Neutral-Colors-Alpha-Neutrals-900: #001424B3; /* 70% */
	--Neutral-Colors-Alpha-Neutrals-1000: #001424CC; /* 80% */

	/* ================================
	base colors - base
	================================ */
	--Base-Colors-Base-White: #FFFFFF;
	--Base-Colors-Base-Black: #000000;

	/* ================================
		Primary
	================================ */
	--Primary-Primary: var(--Brand-Colors-Primary-700);
	--Primary-Primary-Contrast: var(--Brand-Colors-Primary-100);
	--Primary-Hover: var(--Brand-Colors-Primary-900);
	--Primary-Hover-Contrast: var(--Brand-Colors-Primary-200);

	/* ================================
		Secondary
	================================ */
	--Secondary-Secondary: var(--Brand-Colors-Secondary-700);
	--Secondary-Secondary-Contrast: var(--Brand-Colors-Secondary-50);
	--Secondary-Hover: var(--Brand-Colors-Secondary-900);
	--Secondary-Hover-Contrast: var(--Brand-Colors-Secondary-200);

	/* ================================
		Accent
	================================ */
	--Accent-Accent: var(--Brand-Colors-Accent-700);
	--Accent-Accent-Contrast: var(--Brand-Colors-Accent-100);
	--Accent-Hover: var(--Brand-Colors-Accent-900);
	--Accent-Hover-Contrast: var(--Brand-Colors-Accent-200);

	/* ================================
		Success
	================================ */
	--Success-Success: var(--Status-Colors-Success-700);
	--Success-Success-Contrast: var(--Status-Colors-Success-100);
	--Success-Hover: var(--Status-Colors-Success-800);
	--Success-Hover-Contrast: var(--Status-Colors-Success-200);

	/* ================================
     Warning
     ================================ */
	--Warning-Warning: var(--Status-Colors-Warning-700);
	--Warning-Warning-Contrast: var(--Status-Colors-Warning-100);
	--Warning-Hover: var(--Status-Colors-Warning-800);
	--Warning-Hover-Contrast: var(--Status-Colors-Warning-200);

	/* ================================
		Error
	================================ */
	--Error-Error: var(--Status-Colors-Error-700);
	--Error-Error-Contrast: var(--Status-Colors-Error-100);
	--Error-Hover: var(--Status-Colors-Error-800);
	--Error-Hover-Contrast: var(--Status-Colors-Error-200);

	/* ================================
		Surface
	================================ */
	--Surface-Surface: var(--Neutral-Colors-Main-Neutrals-300);
	--Surface-Surface-lowest: var(--Neutral-Colors-Main-Neutrals-100);
	--Surface-Surface-low: var(--Neutral-Colors-Main-Neutrals-200);
	--Surface-Surface-high: var(--Neutral-Colors-Main-Neutrals-300);
	--Surface-Surface-highest: var(--Neutral-Colors-Main-Neutrals-400);
	--Surface-Surface-disabled: var(--Neutral-Colors-Main-Neutrals-100);
	--Surface-Surface-background: var(--Neutral-Colors-Main-Neutrals-50);
	--Surface-Primary: var(--Brand-Colors-Primary-100);
	--Surface-Secondary: var(--Brand-Colors-Secondary-50);
	--Surface-Accent: var(--Brand-Colors-Accent-100);
	--Surface-Warning: var(--Status-Colors-Warning-200);
	--Surface-Success: var(--Status-Colors-Success-100);
	--Surface-Error: var(--Status-Colors-Error-100);

	/* ================================
		Text
	================================ */
	--Text-Low: var(--Neutral-Colors-Main-Neutrals-500);
	--Text-Medium: var(--Neutral-Colors-Main-Neutrals-700);
	--Text-High: var(--Neutral-Colors-Main-Neutrals-900);
	--Text-Disabled: var(--Neutral-Colors-Main-Neutrals-300);
	--Text-White: var(--Base-Colors-Base-White);
	--Text-Primary: var(--Brand-Colors-Primary-700);
	--Text-Secondary: var(--Brand-Colors-Secondary-700);
	--Text-Accent: var(--Brand-Colors-Accent-700);
	--Text-Warning: var(--Status-Colors-Warning-700);
	--Text-Success: var(--Status-Colors-Success-700);
	--Text-Error: var(--Status-Colors-Error-700);

	/* ================================
		Icons
	================================ */
	--Icons-Low: var(--Neutral-Colors-Main-Neutrals-500);
	--Icons-Medium: var(--Neutral-Colors-Main-Neutrals-700);
	--Icons-High: var(--Neutral-Colors-Main-Neutrals-900);
	--Icons-Disabled: var(--Neutral-Colors-Main-Neutrals-300);
	--Icons-White: var(--Base-Colors-Base-White);
	--Icons-Primary: var(--Brand-Colors-Primary-700);
	--Icons-Secondary: var(--Brand-Colors-Secondary-700);
	--Icons-Accent: var(--Brand-Colors-Accent-700);
	--Icons-Warning: var(--Status-Colors-Warning-700);
	--Icons-Success: var(--Status-Colors-Success-700);
	--Icons-Error: var(--Status-Colors-Error-700);

	/* ================================
		Outline
	================================ */
	--Outline-Low: var(--Neutral-Colors-Alpha-Neutrals-100);
	--Outline-Medium: var(--Neutral-Colors-Alpha-Neutrals-200);
	--Outline-High: var(--Neutral-Colors-Alpha-Neutrals-300);
	--Outline-Disabled: var(--Neutral-Colors-Alpha-Neutrals-100);
	--Outline-Primary: var(--Brand-Colors-Primary-100);
	--Outline-Secondary: var(--Brand-Colors-Secondary-50);
	--Outline-Accent: var(--Brand-Colors-Accent-200);
	--Outline-Warning: var(--Status-Colors-Warning-500);
	--Outline-Success: var(--Status-Colors-Success-500);
	--Outline-Error: var(--Status-Colors-Error-500);

	/* ================================
		Typography - Font Size
	================================ */
	--Font-Size-1: 0.714rem;  /* 8px */
	--Font-Size-2: 0.893rem;  /* 10px */
	--Font-Size-3: 1.071rem;  /* 12px */
	--Font-Size-4: 1.25rem;   /* 14px */
	--Font-Size-5: 1.429rem;  /* 16px */
	--Font-Size-6: 1.607rem;  /* 18px */
	--Font-Size-7: 1.786rem;  /* 20px */
	--Font-Size-8: 2.143rem;  /* 24px */
	--Font-Size-9: 2.5rem;    /* 28px */
	--Font-Size-10: 2.857rem; /* 32px */
	--Font-Size-11: 3.571rem; /* 40px */
	/* ================================
		Typography - Weight
	================================ */
	--Weight-Regular: 400;
	--Weight-Medium: 500;
	--Weight-SemiBold: 600;
	/* ================================
		Typography - Heading Styles
	================================ */

	/* Heading - H1 (32px) */
	--Heading-H1-Regular-Size: 2.857rem;     /* 32px */
	--Heading-H1-Medium-Size: 2.857rem;      /* 32px */
	--Heading-H1-SemiBold-Size: 2.857rem;    /* 32px */

	/* Heading - H2 (28px) */
	--Heading-H2-Regular-Size: 2.5rem;       /* 28px */
	--Heading-H2-Medium-Size: 2.5rem;        /* 28px */
	--Heading-H2-SemiBold-Size: 2.5rem;      /* 28px */

	/* Heading - H3 (24px) */
	--Heading-H3-Regular-Size: 2.143rem;     /* 24px */
	--Heading-H3-Medium-Size: 2.143rem;      /* 24px */
	--Heading-H3-SemiBold-Size: 2.143rem;    /* 24px */

	/* Heading - H4 (20px) */
	--Heading-H4-Regular-Size: 1.786rem;     /* 20px */
	--Heading-H4-Medium-Size: 1.786rem;      /* 20px */
	--Heading-H4-SemiBold-Size: 1.786rem;    /* 20px */
	/* ================================
		Typography - Body Styles
	================================ */
	/* Body - B1 (18px) */
	--Body-B1-Regular-Size: var(--Font-Size-6);        	/* 18px */
	--Body-B1-Medium-Size: var(--Font-Size-6);         /* 18px */
	--Body-B1-SemiBold-Size: var(--Font-Size-6);       /* 18px */

	/* Body - B2 (16px) */
	--Body-B2-Regular-Size: var(--Font-Size-5);        /* 16px */
	--Body-B2-Medium-Size: var(--Font-Size-5);         /* 16px */
	--Body-B2-SemiBold-Size: var(--Font-Size-5);       /* 16px */

	/* Body - B3 (14px) */
	--Body-B3-Regular-Size: var(--Font-Size-4);         /* 14px */
	--Body-B3-Medium-Size: var(--Font-Size-4);          /* 14px */
	--Body-B3-SemiBold-Size: var(--Font-Size-4);        /* 14px */

	/* Body - B4 (12px) */
	--Body-B4-Regular-Size: var(--Font-Size-3);        /* 12px */
	--Body-B4-Medium-Size: var(--Font-Size-3);         /* 12px */
	--Body-B4-SemiBold-Size: var(--Font-Size-3);       /* 12px */

	/* Body - B5 (10px) */
	--Body-B5-Regular-Size: var(--Font-Size-2);        /* 10px */
	--Body-B5-Medium-Size: var(--Font-Size-2);         /* 10px */
	--Body-B5-SemiBold-Size: var(--Font-Size-2);       /* 10px */

	/* Body - B6 (8px) */
	--Body-B6-Regular-Size: var(--Font-Size-1);        /* 8px */
	--Body-B6-Medium-Size: var(--Font-Size-1);         /* 8px */
	--Body-B6-SemiBold-Size: var(--Font-Size-1);       /* 8px */
	/* ================================
		Spacing
	================================ */
	--Spacing-XS: 0.179rem;   /* 2px */
	--Spacing-S: 0.357rem;    /* 4px */
	--Spacing-M: 0.536rem;    /* 6px */
	--Spacing-L: 0.714rem;    /* 8px */
	--Spacing-XL: 1.071rem;   /* 12px */
	--Spacing-2XL: 1.429rem;  /* 16px */
	--Spacing-3XL: 1.786rem;  /* 20px */
	--Spacing-4XL: 2.143rem;  /* 24px */
	--Spacing-5XL: 2.857rem;  /* 32px */
	--Spacing-6XL: 4.286rem;  /* 48px */
	--Spacing-7XL: 5rem;      /* 56px */
	--Spacing-8XL: 5.714rem;  /* 64px */
	--Spacing-9XL: 6.429rem;  /* 72px */
	--Spacing-10XL: 8.214rem; /* 92px */
	/* ================================
		Corner Radius - Radius
	================================ */
	--Radius-S: 0.357rem;     /* 4px */
	--Radius-M: 0.714rem;     /* 8px */
	--Radius-L: 1.071rem;     /* 12px */
	--Radius-XL: 1.429rem;    /* 16px */
	--Radius-2XL: 1.786rem;   /* 20px */
	--Radius-3XL: 2.143rem;   /* 24px */
	--Radius-Null: 89.286rem; /* 999px */
	/* ================================
		Stroke
	================================ */
	--Stroke-S: 0.045rem;     /* 0.5px */
	--Stroke-M: 0.089rem;     /* 1px */
	--Stroke-L: 0.134rem;     /* 1.5px */
	--Stroke-XL: 0.179rem;    /* 2px */
	/* ================================
		Effects
	================================ */
	--Effects-1: 0.179rem;    /* 2px */
	--Effects-2: 0.357rem;    /* 4px */
	--Effects-3: 0.536rem;    /* 6px */
	--Effects-4: 0.714rem;    /* 8px */
	--Effects-5: 0.893rem;    /* 10px */
	--Effects-6: 1.071rem;    /* 12px */
	--Effects-7: 1.25rem;     /* 14px */
	--Effects-8: 1.429rem;    /* 16px */
	--Effects-9: 1.607rem;    /* 18px */
	--Effects-10: 1.786rem;   /* 20px */
	/* ================================
		Icons - Sizes
	================================ */
	--Icons-XS: 1.429rem;     /* 16px */
	--Icons-Small: 1.607rem;  /* 18px */
	--Icons-Medium: 1.786rem; /* 20px */
	--Icons-Large: 2.143rem;  /* 24px */

	/* GRID */
	--guttergap: 3.333rem;
	--grid-width: 114rem;
	--gutter-vertical: 1.667rem;
	--gutter-vertical-small: 6rem;
	--gutter-horizontal: 6rem;

	/* Units */
	--small: 2rem;
	--medium: 4rem;
	--big: 6rem;
	--ap-icon-space: 0.5rem;
	--ap-icon-space-med: 0.7rem;
	--ap-icon-space-big: 1rem;
}