/**
 * NextSoftware Template - CSS Custom Properties
 * Light and Dark theme tokens
 */

:root {
	/* Primary brand */
	--nxt-primary: #1E40AF;
	--nxt-primary-light: #3B82F6;
	--nxt-primary-dark: #1E3A8A;
	--nxt-primary-contrast: #ffffff;

	/* Secondary / accent */
	--nxt-secondary: #F59E0B;
	--nxt-secondary-light: #FBBF24;
	--nxt-secondary-dark: #D97706;

	/* Backgrounds */
	--nxt-bg: #ffffff;
	--nxt-bg-alt: #F8FAFC;
	--nxt-surface: #ffffff;
	--nxt-surface-hover: #F1F5F9;

	/* Text */
	--nxt-text: #0F172A;
	--nxt-text-secondary: #475569;
	--nxt-text-muted: #94A3B8;

	/* Borders */
	--nxt-border: #E2E8F0;
	--nxt-border-light: #F1F5F9;

	/* Header */
	--nxt-header-bg: #334155;
	--nxt-header-text: #ffffff;
	--nxt-header-text-secondary: #CBD5E1;
	--nxt-header-border: rgba(255, 255, 255, 0.1);

	/* Footer */
	--nxt-footer-bg: #0F172A;
	--nxt-footer-text: #CBD5E1;
	--nxt-footer-text-secondary: #64748B;
	--nxt-footer-heading: #F1F5F9;
	--nxt-footer-border: #1E293B;
	--nxt-footer-bottom-bg: #020617;

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

	/* Transitions */
	--nxt-transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
	--nxt-transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);

	/* Layout */
	--nxt-header-height: 64px;
	--nxt-max-width: 1280px;

	/* Radius */
	--nxt-radius-sm: 6px;
	--nxt-radius-md: 8px;
	--nxt-radius-lg: 12px;
	--nxt-radius-xl: 16px;
}

[data-theme="dark"] {
	/* Backgrounds */
	--nxt-bg: #0F172A;
	--nxt-bg-alt: #1E293B;
	--nxt-surface: #1E293B;
	--nxt-surface-hover: #334155;

	/* Text */
	--nxt-text: #E2E8F0;
	--nxt-text-secondary: #94A3B8;
	--nxt-text-muted: #64748B;

	/* Borders */
	--nxt-border: #334155;
	--nxt-border-light: #1E293B;

	/* Header (stays dark in both modes) */
	--nxt-header-bg: #020617;
	--nxt-header-border: rgba(255, 255, 255, 0.08);

	/* Footer */
	--nxt-footer-bg: #020617;
	--nxt-footer-bottom-bg: #000000;

	/* Shadows (stronger in dark mode) */
	--nxt-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
	--nxt-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.3);
	--nxt-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -4px rgba(0, 0, 0, 0.3);
	--nxt-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.4);
}