/* ************************************** */
/* DESIGN SYSTEM - 100% LIGHT & PASTEL    */
/* ************************************** */

:root {
	/* Colors */
	--color-orange: #ffbf69;
	--color-orange-hover: #ffac3d;
	--color-orange-pastel: #ffedd5;
	--color-orange-dark: #180D0D;

	--color-green-accent: #059669;
	--color-green: #d1fae5;
	--color-green-hover: #b4e0d2;
	--color-green-pastel: #ecfdf5;
	--color-green-dark: #010f0b;

	--color-grey-pastel: #e5e7eb;
	--color-grey-pastel-light: #f8f9fb;

	--color-dark: #1f2937;
	--color-dark-muted: #4b5563;
	--color-light: #ffffff;

	/* Typography */
	--font-base: 'Rubik', system-ui, -apple-system, sans-serif;

	/* Layout Limits */
	--container-max: 1120px;
	--radius-full: 9999px;
}

@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('/static/css/fonts/rubik-v31-latin-300.woff2') format('woff2');
}

@font-face {
	font-family: 'Rubik';
	font-style: italic;
	font-weight: 300;
	font-display: swap;
	src: url('/static/css/fonts/rubik-v31-latin-300italic.woff2') format('woff2');
}

@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/static/css/fonts/rubik-v31-latin-regular.woff2') format('woff2');
}

@font-face {
	font-family: 'Rubik';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('/static/css/fonts/rubik-v31-latin-italic.woff2') format('woff2');
}

@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('/static/css/fonts/rubik-v31-latin-500.woff2') format('woff2');
}

@font-face {
	font-family: 'Rubik';
	font-style: italic;
	font-weight: 500;
	font-display: swap;
	src: url('/static/css/fonts/rubik-v31-latin-500italic.woff2') format('woff2');
}

@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('/static/css/fonts/rubik-v31-latin-600.woff2') format('woff2');
}

@font-face {
	font-family: 'Rubik';
	font-style: italic;
	font-weight: 600;
	font-display: swap;
	src: url('/static/css/fonts/rubik-v31-latin-600italic.woff2') format('woff2');
}

@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('/static/css/fonts/rubik-v31-latin-700.woff2') format('woff2');
}

@font-face {
	font-family: 'Rubik';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url('/static/css/fonts/rubik-v31-latin-700italic.woff2') format('woff2');
}

@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url('/static/css/fonts/rubik-v31-latin-800.woff2') format('woff2');
}

@font-face {
	font-family: 'Rubik';
	font-style: italic;
	font-weight: 800;
	font-display: swap;
	src: url('/static/css/fonts/rubik-v31-latin-800italic.woff2') format('woff2');
}

@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url('/static/css/fonts/rubik-v31-latin-900.woff2') format('woff2');
}

@font-face {
	font-family: 'Rubik';
	font-style: italic;
	font-weight: 900;
	font-display: swap;
	src: url('/static/css/fonts/rubik-v31-latin-900italic.woff2') format('woff2');
}