/* cherry-IT Holo — Design Tokens */

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins-normal-latin-500.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins-normal-latin-600.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins-normal-latin-700.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins-normal-latin-ext-500.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins-normal-latin-ext-600.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins-normal-latin-ext-700.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Source Sans Pro';
	src: url('../fonts/source-sans-pro-normal-latin-300.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Source Sans Pro';
	src: url('../fonts/source-sans-pro-normal-latin-400.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Source Sans Pro';
	src: url('../fonts/source-sans-pro-normal-latin-ext-300.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Source Sans Pro';
	src: url('../fonts/source-sans-pro-normal-latin-ext-400.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@property --holo-angle {
	syntax: '<angle>';
	inherits: false;
	initial-value: 0deg;
}

:root {
	/* Surfaces */
	--bg-0: #08090d;
	--bg-1: #0e1016;
	--bg-2: #14161f;
	--bg-3: #1b1e2ad9;
	--border-soft: rgba(255, 255, 255, 0.08);
	--border-strong: rgba(255, 255, 255, 0.16);

	/* Text */
	--fg-0: #f5f6fb;
	--fg-1: #c2c6d6;
	--fg-muted: #868ba0;

	/* Brand hues — verankert im Logo-Grün, erweitert zum Holo-Spektrum */
	--brand-green: #3fe08a;
	--brand-cyan: #35d0e0;
	--brand-violet: #9b6bf2;
	--brand-pink: #f45fb0;
	--brand-coral: #ff7a63;

	--holo-angle: 0deg;
	--holo-gradient: conic-gradient(
		from var(--holo-angle),
		var(--brand-green),
		var(--brand-cyan),
		var(--brand-violet),
		var(--brand-pink),
		var(--brand-coral),
		var(--brand-green)
	);
	--holo-gradient-linear: linear-gradient(
		100deg,
		var(--brand-green),
		var(--brand-cyan) 35%,
		var(--brand-violet) 60%,
		var(--brand-coral) 100%
	);

	/* Typography */
	--font-display: 'Poppins', ui-sans-serif, system-ui, sans-serif;
	--font-body: 'Source Sans Pro', ui-sans-serif, system-ui, sans-serif;

	--fs-hero: clamp(2.4rem, 5vw + 1rem, 4.6rem);
	--fs-h2: clamp(1.8rem, 2.4vw + 1rem, 2.75rem);
	--fs-h3: clamp(1.2rem, 1vw + 1rem, 1.5rem);
	--fs-body: clamp(1rem, 0.3vw + 0.9rem, 1.125rem);

	/* Spacing / shape */
	--space-section: clamp(4rem, 8vw, 8rem);
	--radius-lg: 28px;
	--radius-md: 18px;
	--radius-sm: 10px;
	--max-width: 1240px;

	--shadow-glow: 0 0 60px -20px rgba(63, 224, 138, 0.35);
	--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}