/* ============================================
   CreativeMC Design Tokens
   Edit these values to retheme the site.
   ============================================ */

:root {
	/* Backgrounds */
	--bg-primary: #0a0a0b;
	--bg-elevated: #121214;
	--bg-glass: rgba(255, 255, 255, 0.03);
	--bg-glass-strong: rgba(255, 255, 255, 0.06);

	/* Accent — Warm Amber / Gold */
	--accent: #e8a849;
	--accent-light: #f0bc6a;
	--accent-dark: #c48a2e;
	--accent-glow: rgba(232, 168, 73, 0.35);
	--accent-glow-soft: rgba(232, 168, 73, 0.12);

	/* Text */
	--text-primary: #f0f0f2;
	--text-muted: #8a8a94;
	--text-subtle: #5a5a64;

	/* Borders */
	--border-subtle: rgba(255, 255, 255, 0.06);
	--border-accent: rgba(232, 168, 73, 0.3);

	/* Typography */
	--font-display: "Syne", sans-serif;
	--font-body: "Inter", sans-serif;

	/* Spacing */
	--space-xs: 0.5rem;
	--space-sm: 1rem;
	--space-md: 1.5rem;
	--space-lg: 2.5rem;
	--space-xl: 4rem;
	--space-2xl: 6rem;

	/* Layout */
	--container-max: 1200px;
	--header-height: 72px;
	--radius-sm: 8px;
	--radius-md: 12px;
	--radius-lg: 16px;
	--radius-full: 9999px;

	/* Transitions */
	--transition-fast: 0.2s ease;
	--transition-base: 0.3s ease;
	--transition-slow: 0.5s ease;

	/* Shadows */
	--shadow-glow: 0 0 30px var(--accent-glow);
	--shadow-card: 0 4px 24px rgba(0, 0, 0, 0.4);
}