/**
 * Ralify design tokens
 * Single source of truth for the Phase 3 frontend foundation.
 */
:root {
	--ralify-color-midnight: #0b0f17;
	--ralify-color-surface: #111827;
	--ralify-color-surface-raised: #182233;
	--ralify-color-border: #273142;
	--ralify-color-text: #f8fafc;
	--ralify-color-text-muted: #94a3b8;
	--ralify-color-blue: #2563eb;
	--ralify-color-purple: #885cf6;
	--ralify-color-cyan: #00e5ff;
	--ralify-color-breaking: #ff4d67;
	--ralify-color-official: #30d158;
	--ralify-color-rumor: #a78bfa;
	--ralify-color-confirmed: #00e5ff;
	--ralify-color-report: #60a5fa;
	--ralify-color-live: #30d158;
	--ralify-color-featured: #885cf6;
	--ralify-color-deal: #ffb020;

	--ralify-gradient-brand: linear-gradient(135deg, var(--ralify-color-blue), var(--ralify-color-purple));
	--ralify-font: "Sora", sans-serif;

	--ralify-space-1: 4px;
	--ralify-space-2: 8px;
	--ralify-space-3: 12px;
	--ralify-space-4: 16px;
	--ralify-space-5: 24px;
	--ralify-space-6: 32px;
	--ralify-space-7: 48px;
	--ralify-space-8: 64px;
	--ralify-space-9: 96px;

	--ralify-radius-sm: 8px;
	--ralify-radius-md: 12px;
	--ralify-radius-lg: 16px;
	--ralify-radius-pill: 999px;

	--ralify-content-width: clamp(320px, 94vw, 1720px);
	--ralify-page-gutter: 24px;
	--ralify-transition: 180ms ease;
}