/**
 * FontsPack — Premium Midnight Typography Studio tokens (v2 palette)
 */

:root {
	/* Core surfaces */
	--fp-bg: #080f1d;
	--fp-bg-secondary: #101b30;
	--fp-card: #152239;
	--fp-elevated: #1b2a43;

	/* Text */
	--fp-text: #f5f7fc;
	--fp-text-secondary: #a7b5cc;

	/* Accents */
	--fp-accent: #8564f5;
	--fp-accent-secondary: #ff8e83;
	--fp-cyan: #55bdf5;

	/* Borders (solid + translucent helpers) */
	--fp-border-solid: #2a3952;
	--fp-border: rgba(42, 57, 82, 0.85);
	--fp-border-strong: rgba(167, 181, 204, 0.32);

	/* RGB channels for translucent accents (keep in sync with hex above) */
	--fp-accent-rgb: 133, 100, 245;
	--fp-coral-rgb: 255, 142, 131;
	--fp-cyan-rgb: 85, 189, 245;
	--fp-bg-secondary-rgb: 16, 27, 48;
	--fp-bg-rgb: 8, 15, 29;

	/* Glass / elevation */
	--fp-glass: rgba(16, 27, 48, 0.72);
	--fp-glass-strong: rgba(8, 15, 29, 0.9);
	--fp-shadow: 0 18px 48px rgba(0, 0, 0, 0.35);
	--fp-shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.25);

	/* Radius / type / space */
	--fp-radius: 14px;
	--fp-radius-sm: 10px;
	--fp-radius-lg: 22px;
	--fp-font-display: "Syne", system-ui, sans-serif;
	--fp-font-body: "Source Sans 3", system-ui, sans-serif;
	--fp-space-1: 0.25rem;
	--fp-space-2: 0.5rem;
	--fp-space-3: 0.75rem;
	--fp-space-4: 1rem;
	--fp-space-5: 1.5rem;
	--fp-space-6: 2rem;
	--fp-space-7: 3rem;
	--fp-space-8: 4.5rem;
	--fp-header-h: 4rem;
	--fp-max: 72rem;
	--fp-transition: 180ms ease;

	--fp-aurora:
		radial-gradient(ellipse 80% 50% at 20% -10%, rgba(var(--fp-accent-rgb), 0.26), transparent 55%),
		radial-gradient(ellipse 60% 40% at 90% 0%, rgba(var(--fp-coral-rgb), 0.16), transparent 50%),
		radial-gradient(ellipse 50% 30% at 50% 100%, rgba(var(--fp-cyan-rgb), 0.08), transparent 60%);

	--fp-focus: 0 0 0 2px var(--fp-bg), 0 0 0 4px var(--fp-cyan);

	/* Legacy aliases (keep existing CSS selectors stable) */
	--fp-purple: var(--fp-accent);
	--fp-coral: var(--fp-accent-secondary);
	--fp-blue: var(--fp-cyan);
}