/* ==========================================================
   PELEGOT — Design Tokens (Single Source of Truth)
   ========================================================== */
:root {
	/* Backgrounds — 5-layer surface hierarchy */
	--color-bg-base: #0D0D0F;
	--color-bg-surface: #161619;
	--color-bg-elevated: #1E1E23;
	--color-bg-highlight: #2A2A31;
	--color-bg-tooltip: #33333D;

	/* Primary accent — Blood Red */
	--color-primary: #FF2D3B;
	--color-primary-hover: #CC2430;
	--color-primary-muted: #4A0E13;
	--color-primary-glow: rgba(255, 45, 59, 0.15);
	--color-primary-glow-strong: rgba(255, 45, 59, 0.4);

	/* Secondary accents */
	--color-accent-ember: #FF6B35;
	--color-accent-gold: #FFD700;

	/* Text */
	--color-text-primary: #F0EDE8;
	--color-text-secondary: #8B8B94;
	--color-text-muted: #55555E;
	--color-text-accent: #FF2D3B;

	/* Borders */
	--color-border-default: #2D2D35;
	--color-border-hover: #3D3D47;
	--color-border-accent: #FF2D3B;

	/* Status */
	--color-success: #2ECC71;
	--color-warning: #FF8C00;
	--color-danger: #FF4444;
	--color-info: #3B82F6;

	/* Typography */
	--font-display: 'Rajdhani', 'Segoe UI', sans-serif;
	--font-body: 'Titillium Web', 'Segoe UI', sans-serif;
	--font-stat: 'Bebas Neue', 'Impact', sans-serif;
	--font-mono: 'JetBrains Mono', 'Consolas', monospace;

	/* Font sizes */
	--text-xs: 0.75rem;
	--text-sm: 0.875rem;
	--text-base: 1rem;
	--text-lg: 1.125rem;
	--text-xl: 1.25rem;
	--text-2xl: 1.75rem;
	--text-3xl: 3rem;

	/* Spacing */
	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-6: 1.5rem;
	--space-8: 2rem;
	--space-10: 2.5rem;
	--space-12: 3rem;
	--space-16: 4rem;

	/* Shadows */
	--shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
	--shadow-md: 0 4px 12px rgba(0,0,0,0.4);
	--shadow-lg: 0 10px 30px rgba(0,0,0,0.5);
	--shadow-glow: 0 0 20px rgba(255, 45, 59, 0.3);

	/* Glassmorphism */
	--glass-bg: rgba(22, 22, 25, 0.8);
	--glass-blur: blur(16px);
	--glass-border: 1px solid rgba(255, 255, 255, 0.06);

	/* Border radius */
	--radius-sm: 4px;
	--radius-md: 8px;
	--radius-lg: 12px;
	--radius-full: 999px;

	/* Transitions */
	--transition-fast: 0.15s ease;
	--transition-normal: 0.25s ease;
	--transition-slow: 0.4s ease;

	/* Gradients */
	--gradient-fire: linear-gradient(135deg, #FF2D3B, #FF6B35);
	--gradient-red: linear-gradient(135deg, #FF2D3B, #CC2430);
	--gradient-gold: linear-gradient(135deg, #FFD700, #FF8C00);

	/* Layout */
	--container-max: 1200px;
	--nav-height: 64px;
}