/* customized-variables */

:root {
	/* Font-sizes */
	/* 12px */
	--text-xs: 13px;
	/* 14px */
	--text-sm: 0.875rem;
	/* 16px */
	--text-base: 1rem;
	/* 18px */
	--text-lg: 1.125rem;
	/* 20px */
	--text-xl: 1.25rem;
	/* 24px */
	--text-2xl: 1.5rem;
	/* 30px */
	--text-3xl: 1.875rem;
	/* 36px */
	--text-4xl: 2.25rem;
	/* 48px */
	--text-5xl: 3rem;
	/* 60px */
	--text-6xl: 3.75rem;
	/* 72px */
	--text-7xl: 4.5rem;
	/* 96px */
	--text-8xl: 6rem;
	/* 128px */
	--text-9xl: 8rem;

	/* Font weights */
	--font-thin: 100;
	--font-extralight: 200;
	--font-light: 300;
	--font-normal: 400;
	--font-medium: 500;
	--font-semibold: 600;
	--font-bold: 700;
	--font-extrabold: 800;
	--font-black: 900;

	/* Colors */
	--transparent: transparent;
	--black: rgb(0 0 0);
	--white: rgb(255 255 255);
	--emerald-100: rgb(209 250 229);
	--emerald-200: rgb(167 243 208);
	--emerald-300: rgb(110 231 183);
	--zinc-50: rgb(250 250 250);
	--neutral-50: rgb(250 250 250);
	--neutral-100: rgb(245 245 245);
	--neutral-200: rgb(229 229 229);
	--neutral-300: rgb(212 212 212);
	--neutral-400: rgb(163 163 163);
	--neutral-500: rgb(115 115 115);
	--neutral-600: rgb(82 82 82);
	--neutral-700: rgb(64 64 64);
	--neutral-900: rgb(23 23 23);
	--blue-50: rgb(239 246 255);
	--blue-100: rgb(219 234 254);
	--blue-200: rgb(191 219 254);
	--blue-400: rgb(96 165 250);
	--blue-500: rgb(59 130 246);
	--red-500: rgb(239 68 68);
	--yellow-200: rgb(254 240 138);
	--yellow-300: rgb(253 224 71);
	--yellow-500: rgb(234 179 8);
	--orange-50: rgb(255 247 237);
	--orange-400: rgb(251 146 60);
	--orange-600: rgb(234 88 12);

	--neutral-700-opacity-50: rgba(64, 64, 64, 0.5);

	/* Border width */
	--border-0: 0px;
	--border: 1px;
	--border-2: 2px;
	--border-4: 4px;

	/* Border radius */
	--rounded-none: 0px;
	/* 2px */
	--rounded-sm: 0.125rem;
	/* 4px */
	--rounded: 0.25rem;
	/* 6px */
	--rounded-md: 0.375rem;
	/* 8px */
	--rounded-lg: 0.5rem;
	/* 12px */
	--rounded-xl: 0.75rem;
	/* 16px */
	--rounded-2xl: 1rem;
	/* 24px */
	--rounded-3xl: 1.5rem;
	--rounded-full: 9999px;

	/* Line Height */
	/* 12px */
	--leading-3: 0.75rem;
	/* 16px */
	--leading-4: 1rem;
	/* 20px */
	--leading-5: 1.25rem;
	/* 24px */
	--leading-6: 1.5rem;
	/* 28px */
	--leading-7: 1.75rem;
	/* 32px */
	--leading-8: 2rem;
	/* 36px */
	--leading-9: 2.25rem;
	/* 40px */
	--leading-10: 2.5rem;
	--leading-none: 1;
	--leading-tight: 1.25;
	--leading-snug: 1.375;
	--leading-normal: 1.5;
	--leading-relaxed: 1.625;
	--leading-loose: 2;

	/* Letter Spacing */
	--tracking-tighter: -0.05em;
	--tracking-tight: -0.025em;
	--tracking-normal: 0;
	--tracking-wide: 0.025em;
	--tracking-wider: 0.05em;
	--tracking-widest: 0.1em;

	/* Brightness */
	--brightness-90: brightness(0.9);
	--brightness-100: brightness(1);
	--brightness-125: brightness(1.25);
	--brightness-200: brightness(2);

	/* Size */
	/* 0px */
	--size-0: 0px;
	/* 4px */
	--size-1: 0.25rem;
	/* 8px */
	--size-2: 0.5rem;
	/* 12px */
	--size-3: 0.75rem;
	/* 16px */
	--size-4: 1rem;
	/* 20px */
	--size-5: 1.25rem;
	/* 24px */
	--size-6: 1.5rem;
	/* 28px */
	--size-7: 1.75rem;
	/* 32px */
	--size-8: 2rem;
	/* 36px */
	--size-9: 2.25rem;
	/* 40px */
	--size-10: 2.5rem;
	/* 48px */
	--size-12: 3rem;
	/* 56px */
	--size-14: 3.5rem;
	/* 64px */
	--size-16: 4rem;
	/* 80px */
	--size-20: 5rem;
	/* 96px */
	--size-24: 6rem;
	/* 112px */
	--size-28: 7rem;
	/* 128px */
	--size-32: 8rem;
	/* 144px */
	--size-36: 9rem;
	/* 160px */
	--size-40: 10rem;
	/* 192px */
	--size-48: 12rem;
	/* 208px */
	--size-52: 13rem;
	/* 256px */
	--size-64: 16rem;
	/* 288px */
	--size-72: 18rem;
	/* 320px */
	--size-80: 20rem;
	--size-full: 100%;
	--size-screen: 100vw;
	--size-1-of-2: 50%;
	--size-3-of-5: 60%;
	--size-4-of-5: 80%;
	--size-5-of-6: 83.333333%;

	/* Container */
	--container-xs: 480px;
	--container-sm: 640px;
	--container-md: 768px;
	--container-lg: 1024px;
	--container-xl: 1280px;
	--container-2xl: 1536px;
	--container-3xl: 1920px;

	/* Gap */
	--gap-0: 0;
	/* 4px */
	--gap-1: 0.25rem;
	/* 8px */
	--gap-2: 0.5rem;
	/* 12px */
	--gap-3: 0.75rem;
	/* 16px */
	--gap-4: 1rem;
	/* 20px */
	--gap-5: 1.25rem;
	/* 24px */
	--gap-6: 1.5rem;
	/* 32px */
	--gap-8: 2rem;
	/* 40px */
	--gap-10: 2.5rem;
	/* 48px */
	--gap-12: 3rem;
	/* 64px */
	--gap-16: 4rem;
	/* 96px */
	--gap-24: 6rem;
	/* 144px */
	--gap-36: 9rem;
	/* 160px */
	--gap-40: 10rem;
	/* 192px */
	--gap-48: 12rem;

	/* Padding */
	/* -112px */
	--spacing-n28: -7rem;
	--spacing-0: 0px;
	/* 4px */
	--spacing-1: 0.25rem;
	/* 6px */
	--spacing-1_5: 0.375rem;
	/* 8px */
	--spacing-2: 0.5rem;
	/* 10px */
	--spacing-2_5: 10px;
	/* 12px */
	--spacing-3: 0.75rem;
	/* 16px */
	--spacing-4: 1rem;
	/* 20px */
	--spacing-5: 1.25rem;
	/* 24px */
	--spacing-6: 1.5rem;
	/* 28px */
	--spacing-7: 1.75rem;
	/* 32px */
	--spacing-8: 2rem;
	/* 36px */
	--spacing-9: 2.25rem;
	/* 40px */
	--spacing-10: 2.5rem;
	/* 44px */
	--spacing-11: 2.75rem;
	/* 48px */
	--spacing-12: 3rem;
	/* 56px */
	--spacing-14: 3.5rem;
	/* 64px */
	--spacing-16: 4rem;
	/* 80px */
	--spacing-20: 5rem;
	/* 96px */
	--spacing-24: 6rem;
	/* 112px */
	--spacing-28: 7rem;
	/* 160px */
	--spacing-40: 10rem;
	/* 208px */
	--spacing-52: 13rem;
	/* 224px */
	--spacing-56: 14rem;
	/* 384px */
	--spacing-96: 24rem;

	/* Z-index */
	--z-0: 0;
	--z-10: 10;
	--z-20: 20;
	--z-30: 30;
	--z-40: 40;
	--z-50: 50;
	--z-60: 60;
	--z-70: 70;
	--z-80: 80;
	--z-90: 90;
	--z-100: 100;


	/* Transitions */
	--transition-standard: all 300ms ease-out;
}