/* Local Plus Jakarta Sans Font Faces */
@font-face {
font-family: 'Plus Jakarta Sans';
src: url('https://assessx.scalexi.ai/assets/styles/Plus_Jakarta_Sans/PlusJakartaSans-VariableFont_wght.ttf') format('truetype');
font-weight: 200 800;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Plus Jakarta Sans';
src: url('https://assessx.scalexi.ai/assets/styles/Plus_Jakarta_Sans/PlusJakartaSans-Italic-VariableFont_wght.ttf') format('truetype');
font-weight: 200 800;
font-style: italic;
font-display: swap;
}

/* Static font fallbacks for better browser compatibility */
@font-face {
font-family: 'Plus Jakarta Sans';
src: url('https://assessx.scalexi.ai/assets/styles/Plus_Jakarta_Sans/static/PlusJakartaSans-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Plus Jakarta Sans';
src: url('https://assessx.scalexi.ai/assets/styles/Plus_Jakarta_Sans/static/PlusJakartaSans-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Plus Jakarta Sans';
src: url('https://assessx.scalexi.ai/assets/styles/Plus_Jakarta_Sans/static/PlusJakartaSans-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Plus Jakarta Sans';
src: url('https://assessx.scalexi.ai/assets/styles/Plus_Jakarta_Sans/static/PlusJakartaSans-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Plus Jakarta Sans';
src: url('https://assessx.scalexi.ai/assets/styles/Plus_Jakarta_Sans/static/PlusJakartaSans-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Plus Jakarta Sans';
src: url('https://assessx.scalexi.ai/assets/styles/Plus_Jakarta_Sans/static/PlusJakartaSans-ExtraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
font-display: swap;
}

:root {
/* Brand Colors */
--primary-purple: #5E4CE6;
--dark-purple: #231971;
--body-purple: #2A2742;
--light-purple: #F5F3FF;
--accent-purple: #7C3AED;

/* Gradients */
--gradient: linear-gradient(135deg, #5E4CE6 0%, #7C3AED 100%);
--gradient-dark: linear-gradient(135deg, #231971 0%, #5E4CE6 100%);
}

/* Typography - Plus Jakarta Sans */
html,
body,
*,
input,
button,
textarea,
select,
label,
span,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
a,
li,
ul,
ol {
font-family: 'Plus Jakarta Sans', sans-serif;
}

html {
font-family: 'Plus Jakarta Sans', sans-serif;
}

body {
font-family: 'Plus Jakarta Sans', sans-serif;
}