@import "tailwindcss";

@theme {
	--color-dl-primary: #ea4647;
	--color-dl-primary-dark: #c83232;
	--color-dl-primary-light: #f87171;
	--color-dl-accent: #fb923c;
	--color-dl-accent-light: #fdba74;
	--color-dl-bg-dark: #050811;
	--color-dl-bg-darker: #030509;
	--color-dl-bg-card: #0f1219;
	--color-dl-bg-card-hover: #1a1f2b;
	--color-dl-text: #f1f5f9;
	--color-dl-text-muted: #94a3b8;
	--color-dl-text-dim: #64748b;
	--color-dl-border: #1e2433;
	--color-dl-success: #34d399;
	--color-dl-warning: #fbbf24;
	--color-dl-coffee: #ffdd00;

	--font-sans: 'Pretendard Variable', 'Inter', ui-sans-serif, system-ui, sans-serif;
	--font-mono: 'JetBrains Mono', 'Fira Code', ui-monospace, monospace;
	--animate-float: float 3s ease-in-out infinite;
}

@keyframes float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-8px); }
}
