/************************************/
/***   Nexilia Typography Layer   ***/
/************************************/
/*
    Loaded after custom.css so it is the single source of truth for
    frontend type. Local WOFF2 only - no Google Fonts, no external CDN.

    Manrope             -> interface and reading text
    Marcellus           -> editorial display headings (Regular 400 only)

    Font Awesome rules inside custom.css declare their own font-family
    and are deliberately untouched.
*/


/************************************/
/***           Manrope            ***/
/************************************/

@font-face {
	font-family: 'Manrope';
	src: url('../fonts/Manrope-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Manrope';
	src: url('../fonts/Manrope-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Manrope';
	src: url('../fonts/Manrope-SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

/* Declared as a 700-900 range so the heaviest text weights resolve to the
   real Bold file instead of being synthesized by the browser. */
@font-face {
	font-family: 'Manrope';
	src: url('../fonts/Manrope-Bold.woff2') format('woff2');
	font-weight: 700 900;
	font-style: normal;
	font-display: swap;
}


/************************************/
/***          Marcellus           ***/
/************************************/

/* Marcellus ships as Regular only. The display selectors below therefore
   declare font-weight: 400 explicitly, so the browser never has to fake a
   heavier cut. */
@font-face {
	font-family: 'Marcellus';
	src: url('../fonts/Marcellus-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/************************************/
/***       Global type layer      ***/
/************************************/

:root {
	/* Overrides the Antila value; custom.css already points body at it, so a
	   single redefinition carries Manrope across the whole frontend. */
	--default-font				: 'Manrope', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
	--display-font				: 'Marcellus', Georgia, 'Times New Roman', serif;
}

body {
	font-family: var(--default-font);
}

/* Form controls and buttons do not inherit type by default in every browser. */
input,
select,
textarea,
button,
optgroup {
	font-family: inherit;
}


/************************************/
/***    Editorial display type    ***/
/************************************/
/*
    Section titles, page-header titles and the animated headings are the
    editorial set. Card titles, counters and step numbers stay on Manrope
    even where the markup uses an h2, so nothing below a section heading
    changes weight or rhythm.
*/

.section-title h1,
.section-title h2,
.page-header-box h1,
.text-anime-style-3,
.text-effect {
	font-family: var(--display-font);
	font-weight: 400;
}