:root {
	/* ==================================================
	   TEKO REDESIGN VARIABLES
	   Base: 1rem = 16px
	================================================== */

	/* Fonts */
	--teko-font-primary: "Manrope", Arial, sans-serif;
	--teko-font-secondary: "Cormorant Garamond", Georgia, "Times New Roman", serif;

	/* Font weights */
	--teko-weight-thin: 100;
	--teko-weight-extra-light: 200;
	--teko-weight-light: 300;
	--teko-weight-regular: 400;
	--teko-weight-medium: 500;
	--teko-weight-semibold: 600;
	--teko-weight-bold: 700;
	--teko-weight-extra-bold: 800;
	--teko-weight-black: 900;

	/* Neutral colors */
	--teko-neutral-0: rgba(255, 255, 255, 1);
	--teko-neutral-50: rgba(250, 249, 247, 1);
	--teko-neutral-100: rgba(244, 243, 241, 1);
	--teko-neutral-200: rgba(232, 228, 222, 1);
	--teko-neutral-300: rgba(215, 209, 202, 1);
	--teko-neutral-500: rgba(138, 129, 121, 1);
	--teko-neutral-700: rgba(79, 73, 69, 1);
	--teko-neutral-900: rgba(24, 24, 24, 1);
	--teko-neutral-1000: rgba(17, 17, 17, 1);

	/* Brown colors */
	--teko-brown-50: rgba(247, 240, 232, 1);
	--teko-brown-100: rgba(234, 219, 203, 1);
	--teko-brown-200: rgba(216, 196, 173, 1);
	--teko-brown-400: rgba(184, 121, 69, 1);
	--teko-brown-500: rgba(154, 98, 58, 1);
	--teko-brown-600: rgba(131, 81, 55, 1);
	--teko-brown-700: rgba(111, 63, 41, 1);
	--teko-brown-900: rgba(42, 24, 18, 1);

	/* Status colors */
	--teko-status-blue-100: rgba(220, 232, 255, 1);
	--teko-status-blue-600: rgba(36, 86, 166, 1);

	--teko-status-green-100: rgba(234, 244, 236, 1);
	--teko-status-green-600: rgba(56, 122, 72, 1);

	--teko-status-red-100: rgba(252, 234, 234, 1);
	--teko-status-red-600: rgba(200, 63, 63, 1);

	--teko-status-orange-100: rgba(255, 241, 223, 1);
	--teko-status-orange-600: rgba(184, 106, 36, 1);

	/* Layout */
	--teko-container-width: 1296px;
	--teko-container-padding-desktop: 60px;
	--teko-container-padding-tablet: 32px;
	--teko-container-padding-mobile: 16px;

	--teko-section-gap-192px: 192px;
	--teko-section-gap-120px: 120px;
	--teko-section-gap-96px: 96px;
	--teko-section-gap-64px: 64px;
	--teko-section-gap-48px: 48px;
	--teko-section-gap-32px: 32px;

	/* Radius */
	--teko-radius-4px: 4px;
	--teko-radius-8px: 8px;
	--teko-radius-12px: 12px;
	--teko-radius-16px: 16px;
	--teko-radius-pill: 999px;

	/* Heading typography */
	--teko-heading-h1-font-size-80px: 5rem;
	--teko-heading-h1-line-height-80px: 5rem;
	--teko-heading-h1-letter-spacing-minus-1px: -1px;
	--teko-heading-h1-font-family: var(--teko-font-secondary);

	--teko-heading-h2-font-size-64px: 4rem;
	--teko-heading-h2-line-height-68px: 4.25rem;
	--teko-heading-h2-letter-spacing-minus-05px: -0.5px;
	--teko-heading-h2-font-family: var(--teko-font-secondary);

	--teko-heading-h3-font-size-44px: 2.75rem;
	--teko-heading-h3-line-height-48px: 3rem;
	--teko-heading-h3-letter-spacing-minus-03px: -0.3px;
	--teko-heading-h3-font-family: var(--teko-font-secondary);

	--teko-heading-h4-font-size-32px: 2rem;
	--teko-heading-h4-line-height-38px: 2.375rem;
	--teko-heading-h4-letter-spacing-minus-02px: -0.2px;
	--teko-heading-h4-font-family: var(--teko-font-primary);

	--teko-heading-h5-font-size-24px: 1.5rem;
	--teko-heading-h5-line-height-30px: 1.875rem;
	--teko-heading-h5-letter-spacing-minus-015px: -0.15px;
	--teko-heading-h5-font-family: var(--teko-font-primary);

	--teko-heading-h6-font-size-20px: 1.25rem;
	--teko-heading-h6-line-height-24px: 1.5rem;
	--teko-heading-h6-letter-spacing-0px: 0;
	--teko-heading-h6-font-family: var(--teko-font-primary);

	/* Label typography */
	--teko-label-1-font-size-16px: 1rem;
	--teko-label-1-line-height-22px: 1.375rem;
	--teko-label-1-letter-spacing-minus-018px: -0.18px;
	--teko-label-1-font-family: var(--teko-font-primary);

	--teko-label-2-font-size-14px: 0.875rem;
	--teko-label-2-line-height-20px: 1.25rem;
	--teko-label-2-letter-spacing-minus-016px: -0.16px;
	--teko-label-2-font-family: var(--teko-font-primary);

	--teko-label-3-font-size-12px: 0.75rem;
	--teko-label-3-line-height-16px: 1rem;
	--teko-label-3-letter-spacing-minus-012px: -0.12px;
	--teko-label-3-font-family: var(--teko-font-primary);

	/* Body typography */
	--teko-body-1-font-size-18px: 1.125rem;
	--teko-body-1-line-height-28px: 1.75rem;
	--teko-body-1-letter-spacing-0px: 0;
	--teko-body-1-font-family: var(--teko-font-primary);

	--teko-body-2-font-size-16px: 1rem;
	--teko-body-2-line-height-24px: 1.5rem;
	--teko-body-2-letter-spacing-0px: 0;
	--teko-body-2-font-family: var(--teko-font-primary);

	--teko-body-3-font-size-14px: 0.875rem;
	--teko-body-3-line-height-20px: 1.25rem;
	--teko-body-3-letter-spacing-0px: 0;
	--teko-body-3-font-family: var(--teko-font-primary);

	--teko-body-4-font-size-12px: 0.75rem;
	--teko-body-4-line-height-16px: 1rem;
	--teko-body-4-letter-spacing-0px: 0;
	--teko-body-4-font-family: var(--teko-font-primary);

	/* Caption typography */
	--teko-caption-1-font-size-10px: 0.625rem;
	--teko-caption-1-line-height-12px: 0.75rem;
	--teko-caption-1-letter-spacing-0px: 0;
	--teko-caption-1-font-family: var(--teko-font-primary);

	--teko-caption-2-font-size-9px: 0.5625rem;
	--teko-caption-2-line-height-10px: 0.625rem;
	--teko-caption-2-letter-spacing-0px: 0;
	--teko-caption-2-font-family: var(--teko-font-primary);

	/* Buttons */
	--teko-button-height-56px: 56px;
	--teko-button-padding-y-16px: 16px;
	--teko-button-padding-x-24px: 24px;
	--teko-button-gap-10px: 10px;
	--teko-button-radius-4px: 4px;
}