/**
 * Design tokens — extracted from Unica mockups.
 */

:root {
	/* Backgrounds */
	--bg-primary: #0A0E17;
	--bg-card: #111520;
	--bg-card-top: #151A28;
	--bg-elevated: #181D2B;

	/* Borders */
	--border: #1E2436;
	--border-hover: #2A3148;

	/* Accent — Cyan */
	--cyan: #00F0FF;
	--cyan-glow: rgba(0, 240, 255, 0.3);
	--cyan-soft: rgba(0, 240, 255, 0.07);
	--cyan-muted: rgba(0, 240, 255, 0.5);

	/* Accent — Green */
	--green: #00FF88;
	--green-glow: rgba(0, 255, 136, 0.3);
	--green-soft: rgba(0, 255, 136, 0.07);

	/* Accent — Red */
	--red: #FF3B5C;

	/* Text */
	--text-primary: #FFFFFF;
	--text-body: #B8BCC8;
	--text-muted: #6B7280;

	/* Typography */
	--font-heading: 'Rajdhani', sans-serif;
	--font-body: 'Inter', sans-serif;
	--font-mono: 'JetBrains Mono', monospace;

	/* Layout */
	--container-max: 1320px;
	--container-padding: 24px;

	/* Transitions */
	--transition-fast: 0.2s ease;
	--transition-normal: 0.3s ease;

	/* Shadows */
	--shadow-card: 0 8px 30px rgba(0, 0, 0, 0.3);
	--shadow-glow-cyan: 0 0 20px rgba(0, 240, 255, 0.2);

	/* Reusable patterns */
	--card-gradient: linear-gradient(160deg, var(--bg-card-top), var(--bg-card));
	--cyan-topline: linear-gradient(90deg, transparent, var(--cyan), transparent);
}