/**
 * Design tokens — allineati a materiale/note-tema-scuro-e-brand.txt
 */

:root {
	--font-sans: 'Satoshi', system-ui, -apple-system, 'Segoe UI', sans-serif;

	--color-bg: #171a23;
	--color-text: #fff8f0;
	/* Su fondi scuri il grigio era illeggibile: stesso bianco caldo con leggera attenuazione opzionale via opacity nei componenti */
	--color-text-muted: #fff8f0;
	--color-accent: #fb3640;
	--color-accent-cool: #7fc6e5;
	--color-ice: #f3f6ff;
	--color-border: rgba(255, 248, 240, 0.1);

	/* Drift legato allo scroll (px) — impostato da main.js; default 0, rispetta prefers-reduced-motion */
	--widen-glow-parallax-tr-x: 0px;
	--widen-glow-parallax-tr-y: 0px;
	--widen-glow-parallax-bl-x: 0px;
	--widen-glow-parallax-bl-y: 0px;
	--widen-glow-parallax-br-x: 0px;
	--widen-glow-parallax-br-y: 0px;
	--widen-glow-parallax-cx: 0px;
	--widen-glow-parallax-cy: 0px;

	/* Punto luce / fade negli angoli (rosso brand, leggero) — riutilizzabile su superfici scure */
	--widen-glow-red-tr: radial-gradient(
		ellipse 78% 58% at calc(100% + var(--widen-glow-parallax-tr-x)) calc(0% + var(--widen-glow-parallax-tr-y)),
		rgba(251, 54, 64, 0.22),
		transparent 62%
	);
	--widen-glow-red-bl: radial-gradient(
		ellipse 72% 54% at calc(0% + var(--widen-glow-parallax-bl-x)) calc(100% + var(--widen-glow-parallax-bl-y)),
		rgba(251, 54, 64, 0.14),
		transparent 65%
	);
	--widen-glow-red-br: radial-gradient(
		ellipse 55% 48% at calc(100% + var(--widen-glow-parallax-br-x)) calc(100% + var(--widen-glow-parallax-br-y)),
		rgba(251, 54, 64, 0.12),
		transparent 68%
	);
	/* Alone azzurro hero (stesso sistema parallax) */
	--widen-glow-cool-tl: radial-gradient(
		ellipse 95% 72% at calc(14% + var(--widen-glow-parallax-cx)) calc(18% + var(--widen-glow-parallax-cy)),
		rgba(127, 198, 229, 0.12),
		transparent 58%
	);
}