@import 'tailwindcss';
@import 'tw-animate-css';

@custom-variant dark (&:is(.dark *));

@theme inline {
	/* Font settings */
	--font-sans: 'Inter', system-ui, sans-serif;
	--font-serif: 'Playfair Display', serif;
	--font-mono: 'Inter', ui-monospace, monospace;

	/* Muted Gold Luxury Theme Colors */
	--color-background: hsl(35 25% 8%);
	--color-foreground: hsl(35 15% 90%);

	--color-card: hsl(35 22% 12%);
	--color-card-foreground: hsl(35 15% 90%);

	--color-popover: hsl(35 22% 12%);
	--color-popover-foreground: hsl(35 15% 90%);

	--color-primary: hsl(42 55% 52%);
	--color-primary-foreground: hsl(0 0% 8%);

	--color-secondary: hsl(35 20% 18%);
	--color-secondary-foreground: hsl(35 15% 90%);

	--color-muted: hsl(35 18% 22%);
	--color-muted-foreground: hsl(35 10% 60%);

	--color-accent: hsl(42 55% 52%);
	--color-accent-foreground: hsl(0 0% 8%);

	--color-destructive: hsl(0 84.2% 60.2%);
	--color-destructive-foreground: hsl(0 0% 98%);

	--color-border: hsl(35 20% 20%);
	--color-input: hsl(35 18% 16%);
	--color-ring: hsl(42 55% 45%);

	/* Chart colors */
	--color-chart-1: hsl(42 55% 52%);
	--color-chart-2: hsl(35 15% 90%);
	--color-chart-3: hsl(35 22% 35%);
	--color-chart-4: hsl(42 60% 48%);
	--color-chart-5: hsl(35 20% 28%);

	/* Sidebar colors */
	--color-sidebar: hsl(35 22% 12%);
	--color-sidebar-foreground: hsl(35 15% 90%);
	--color-sidebar-primary: hsl(42 55% 52%);
	--color-sidebar-primary-foreground: hsl(0 0% 8%);
	--color-sidebar-accent: hsl(42 55% 52%);
	--color-sidebar-accent-foreground: hsl(0 0% 8%);
	--color-sidebar-border: hsl(35 20% 20%);
	--color-sidebar-ring: hsl(42 55% 48%);

	/* Border radius */
	--radius: 0.75rem;
	--radius-sm: calc(var(--radius) - 0.25rem);
	--radius-md: calc(var(--radius) - 0.125rem);
	--radius-lg: var(--radius);
	--radius-xl: calc(var(--radius) + 0.25rem);
	--radius-2xl: calc(var(--radius) + 0.5rem);
}

:root {
	--radius: 0.75rem;
}

@layer base {
	* {
		@apply border-border outline-ring/50;
	}

	body {
		@apply bg-background text-foreground font-sans;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		@apply font-serif font-bold tracking-tight;
	}
}

@layer utilities {
	.text-balance {
		text-wrap: balance;
	}

	/* Luxury glassmorphism */
	.glass {
		@apply backdrop-blur-md bg-white/10 border border-white/20;
	}

	/* Warm gold accent glow */
	.gold-glow {
		@apply shadow-lg shadow-[#CBB26A]/20;
	}

	/* Subtle luxury line */
	.luxury-line {
		@apply h-px bg-linear-to-r from-transparent via-[#CBB26A]/40 to-transparent;
	}
}

.scrollbar-hide::-webkit-scrollbar {
	display: none;
}
.scrollbar-hide {
	-ms-overflow-style: none;
	scrollbar-width: none;
}