/**
 * ClassicPress Core CSS Variables & Typography.
 * Replaces Gutenberg / theme.json engine in ClassicPress.
 *
 * @package shiro
 */

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url('fonts/inter.ttf') format('truetype');
}

@font-face {
	font-family: 'Inter';
	font-style: italic;
	font-weight: 400 700;
	font-display: swap;
	src: url('fonts/inter-italic.ttf') format('truetype');
}

@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url('fonts/montserrat.ttf') format('truetype');
}

:root {
	/* Colors */
	--wp--preset--color--green: #308557;
	--wp--preset--color--green-aaa: #246342;
	--wp--preset--color--blue: #0063BF;
	--wp--preset--color--blue-aaa: #0C57A8;
	--wp--preset--color--red: #990000;
	--wp--preset--color--red-aaa: #970302;
	--wp--preset--color--orange: #EE8019;
	--wp--preset--color--yellow: #F0BC00;
	--wp--preset--color--pink: #E679A6;
	--wp--preset--color--purple: #5748B5;
	--wp--preset--color--bright-blue: #049DFF;
	--wp--preset--color--bright-green: #71D1B3;
	--wp--preset--color--bright-yellow: #E9E7C4;
	--wp--preset--color--light-pink: #F9DDE9;
	--wp--preset--color--light-purple: #D5D1EC;
	--wp--preset--color--light-bright-blue: #C0E6FF;
	--wp--preset--color--light-bright-green: #DBF3EC;
	--wp--preset--color--lightest-pink: #FDF1F6;
	--wp--preset--color--mid-bright-yellow: #F3F3E2;
	--wp--preset--color--light-bright-yellow: #F9F9F0;
	--wp--preset--color--lightest-yellow: #FFFDF9;
	--wp--preset--color--lightest-purple: #F9F7FF;
	--wp--preset--color--lightest-blue: #F2FAFF;
	--wp--preset--color--lightest-green: #F1FAF7;
	--wp--preset--color--base: #FFFFFF;
	--wp--preset--color--main: #000000;
	--wp--preset--color--black-75: #404040;
	--wp--preset--color--black-50: #7F7F7F;
	--wp--preset--color--black-25: #BFBFBF;
	--wp--preset--color--black-10: #E5E5E5;
	--wp--preset--color--black-05: #F2F2F2;
	--wp--preset--color--border-light: #E5E5E5;
	--wp--preset--color--border-base: #BFBFBF;
	--link-active-color--blue: #0063BF;

	/* Font Families */
	--wp--preset--font-family--default: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	--wp--preset--font-family--display: 'Montserrat', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

	/* Font Sizes */
	--wp--preset--font-size--x-small: 0.75rem;
	--wp--preset--font-size--small: 0.875rem;
	--wp--preset--font-size--medium: 1rem;
	--wp--preset--font-size--large: 1.25rem;
	--wp--preset--font-size--x-large: 1.5rem;
	--wp--preset--font-size--xx-large: 2rem;
	--wp--preset--font-size--jumbo: 3rem;

	/* Spacing */
	--wp--preset--spacing--8: 0.5rem;
	--wp--preset--spacing--16: clamp(0.5rem, 0.91vw + 0.32rem, 1rem);
	--wp--preset--spacing--24: clamp(1rem, 0.91vw + 0.82rem, 1.5rem);
	--wp--preset--spacing--32: clamp(1rem, 1.82vw + 0.64rem, 2rem);
	--wp--preset--spacing--40: clamp(1rem, 2.73vw + 0.45rem, 2.5rem);
	--wp--preset--spacing--48: clamp(1.5rem, 2.73vw + 0.95rem, 3rem);
	--wp--preset--spacing--64: clamp(2rem, 3.64vw + 1.27rem, 4rem);
	--wp--preset--spacing--80: clamp(2.5rem, 4.55vw + 1.59rem, 5rem);

	/* Custom typography settings */
	--wp--custom--font-weight--normal: 400;
	--wp--custom--font-weight--semi-bold: 600;
	--wp--custom--font-weight--bold: 700;
	--wp--custom--line-height--tight: 1.25;
	--wp--custom--line-height--snug: 1.333;
	--wp--custom--line-height--base: 1.4;
	--wp--custom--line-height--relaxed: 1.5;

	/* Layout & Spacing */
	--wp--style--global--content-size: 788px;
	--wp--style--global--wide-size: 1200px;
	--wp--style--root--padding-right: clamp(1rem, 0.91vw + 0.82rem, 1.5rem);
	--wp--style--root--padding-left: clamp(1rem, 0.91vw + 0.82rem, 1.5rem);
}