@import "tailwindcss";
@plugin "@tailwindcss/typography";
@plugin "daisyui" {
	themes:
		riven --default,
		riven-dark --prefersdark;
}

@theme {
	--font-sans: 'Inter', system-ui, sans-serif;
	--font-mono: 'JetBrains Mono', monospace;
	--shadow-card: 0 2px 8px -2px rgba(0, 0, 0, 0.1), 0 4px 16px -4px rgba(0, 0, 0, 0.08);
	--shadow-card-hover: 0 8px 24px -4px rgba(0, 0, 0, 0.15), 0 4px 12px -2px rgba(0, 0, 0, 0.1);
}

@plugin "daisyui/theme" {
	name: "riven";
	default: true;
	color-scheme: light;
	--color-primary: #dc2626;
	--color-primary-content: #ffffff;
	--color-secondary: #115e59;
	--color-secondary-content: #ffffff;
	--color-accent: #d97706;
	--color-accent-content: #ffffff;
	--color-neutral: #292524;
	--color-neutral-content: #fafaf9;
	--color-base-100: #ffffff;
	--color-base-200: #fafaf9;
	--color-base-300: #e7e5e4;
	--color-base-content: #1c1917;
	--color-info: #0ea5e9;
	--color-info-content: #ffffff;
	--color-success: #16a34a;
	--color-success-content: #ffffff;
	--color-warning: #d97706;
	--color-warning-content: #ffffff;
	--color-error: #dc2626;
	--color-error-content: #ffffff;
	--radius-selector: 0.75rem;
	--radius-field: 0.5rem;
	--radius-box: 0.75rem;
	--border: 1px;
	--size-selector: 0.25rem;
	--depth: 1;
	--noise: 0;
}

@plugin "daisyui/theme" {
	name: "riven-dark";
	prefersdark: true;
	color-scheme: dark;
	--color-primary: #ef4444;
	--color-primary-content: #1c1917;
	--color-secondary: #2dd4bf;
	--color-secondary-content: #042f2e;
	--color-accent: #fbbf24;
	--color-accent-content: #1c1917;
	--color-neutral: #44403c;
	--color-neutral-content: #fafaf9;
	--color-base-100: #1c1917;
	--color-base-200: #292524;
	--color-base-300: #44403c;
	--color-base-content: #fafaf9;
	--color-info: #0ea5e9;
	--color-info-content: #1c1917;
	--color-success: #16a34a;
	--color-success-content: #1c1917;
	--color-warning: #d97706;
	--color-warning-content: #1c1917;
	--color-error: #ef4444;
	--color-error-content: #1c1917;
	--radius-selector: 0.75rem;
	--radius-field: 0.5rem;
	--radius-box: 0.75rem;
	--border: 1px;
	--size-selector: 0.25rem;
	--depth: 1;
	--noise: 0;
}

:focus-visible {
	outline: 2px solid var(--color-primary);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}