/**
 * Theme Design Tokens & CSS Custom Properties
 *
 * @package Novus
 * @since 1.0.0
 */

:root {
	/* Brand Colors */
	--novus-primary: #4f46e5;
	--novus-primary-hover: #4338ca;
	--novus-primary-light: #eef2ff;
	--novus-secondary: #06b6d4;
	--novus-secondary-hover: #0891b2;
	--novus-accent: #f59e0b;
	
	/* Neutral Palette - Light Mode */
	--novus-bg-body: #f8fafc;
	--novus-bg-surface: #ffffff;
	--novus-bg-surface-elevated: #ffffff;
	--novus-bg-muted: #f1f5f9;
	--novus-border-color: #e2e8f0;
	--novus-border-subtle: #f1f5f9;
	
	/* Text Colors */
	--novus-text-primary: #0f172a;
	--novus-text-secondary: #475569;
	--novus-text-muted: #94a3b8;
	--novus-text-on-primary: #ffffff;

	/* Typography */
	--novus-font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--novus-font-heading: 'Plus Jakarta Sans', 'Inter', sans-serif;
	
	--novus-font-size-xs: 0.75rem;
	--novus-font-size-sm: 0.875rem;
	--novus-font-size-base: 1rem;
	--novus-font-size-lg: 1.125rem;
	--novus-font-size-xl: 1.25rem;
	--novus-font-size-2xl: 1.5rem;
	--novus-font-size-3xl: 1.875rem;
	--novus-font-size-4xl: 2.25rem;
	--novus-font-size-5xl: 3rem;

	/* Layout & Spacing */
	--novus-container-width: 1200px;
	--novus-container-narrow: 800px;
	--novus-header-height: 80px;
	--novus-topbar-height: 40px;
	--novus-radius-sm: 0.375rem;
	--novus-radius-md: 0.5rem;
	--novus-radius-lg: 0.75rem;
	--novus-radius-xl: 1rem;
	--novus-radius-full: 9999px;

	/* Shadows */
	--novus-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
	--novus-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	--novus-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	--novus-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);

	/* Transitions */
	--novus-transition-fast: 0.15s ease-in-out;
	--novus-transition-base: 0.3s ease-in-out;
	--novus-transition-slow: 0.5s ease-in-out;

	/* Glassmorphism */
	--novus-glass-bg: rgba(255, 255, 255, 0.85);
	--novus-glass-border: rgba(255, 255, 255, 0.3);
	--novus-backdrop-blur: blur(12px);
}

/* Dark Mode Color Palette Overrides */
[data-theme="dark"],
.dark-mode {
	--novus-bg-body: #0b0f19;
	--novus-bg-surface: #111827;
	--novus-bg-surface-elevated: #1f2937;
	--novus-bg-muted: #1e293b;
	--novus-border-color: #374151;
	--novus-border-subtle: #1f2937;

	--novus-text-primary: #f9fafb;
	--novus-text-secondary: #9ca3af;
	--novus-text-muted: #6b7280;

	--novus-glass-bg: rgba(17, 24, 39, 0.85);
	--novus-glass-border: rgba(255, 255, 255, 0.1);

	--novus-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.5);
	--novus-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.4);
	--novus-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.5);
}