/* ==========================================================================
   Author: DEEP_DEV
   ========================================================================== */

:root {
	--deep-dev-primary: #2563eb;
	--deep-dev-primary-hover: #1d4ed8;
	--deep-dev-primary-rgb: 37, 99, 235;

	--deep-dev-secondary: #475569;
	--deep-dev-secondary-hover: #334155;
	--deep-dev-secondary-rgb: 71, 85, 105;

	--deep-dev-accent: #06b6d4;
	--deep-dev-accent-hover: #0891b2;
	--deep-dev-accent-rgb: 6, 182, 212;

	--deep-dev-bg: #ffffff;
	--deep-dev-surface: #f8fafc;
	--deep-dev-surface-2: #f1f5f9;

	--deep-dev-heading: #0f172a;
	--deep-dev-text: #1e293b;
	--deep-dev-muted: #64748b;
	--deep-dev-border: #e2e8f0;
	--deep-dev-border-hover: #cbd5e1;

	--deep-dev-success: #10b981;
	--deep-dev-warning: #f59e0b;
	--deep-dev-error: #ef4444;
	--deep-dev-info: #3b82f6;

	--deep-dev-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	--deep-dev-font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--deep-dev-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

	--deep-dev-text-xs: clamp(0.75rem, 0.7rem + 0.2vw, 0.8125rem);
	--deep-dev-text-sm: clamp(0.875rem, 0.8rem + 0.3vw, 0.9375rem);
	--deep-dev-text-base: clamp(1rem, 0.95rem + 0.25vw, 1.0625rem);
	--deep-dev-text-lg: clamp(1.125rem, 1.05rem + 0.375vw, 1.25rem);
	--deep-dev-text-xl: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
	--deep-dev-text-2xl: clamp(1.5rem, 1.35rem + 0.75vw, 1.875rem);
	--deep-dev-text-3xl: clamp(1.875rem, 1.65rem + 1.125vw, 2.25rem);
	--deep-dev-text-4xl: clamp(2.25rem, 1.95rem + 1.5vw, 3rem);
	--deep-dev-text-5xl: clamp(2.75rem, 2.3rem + 2.25vw, 3.75rem);

	--deep-dev-space-1: 0.25rem;
	--deep-dev-space-2: 0.5rem;
	--deep-dev-space-3: 0.75rem;
	--deep-dev-space-4: 1rem;
	--deep-dev-space-5: 1.25rem;
	--deep-dev-space-6: 1.5rem;
	--deep-dev-space-8: 2rem;
	--deep-dev-space-10: 2.5rem;
	--deep-dev-space-12: 3rem;
	--deep-dev-space-16: 4rem;
	--deep-dev-space-20: 5rem;
	--deep-dev-space-24: 6rem;

	--deep-dev-container: 1280px;
	--deep-dev-content-width: 800px;
	--deep-dev-header-height: 80px;
	--deep-dev-sidebar-width: 320px;

	--deep-dev-radius-sm: 4px;
	--deep-dev-radius-md: 8px;
	--deep-dev-radius-lg: 12px;
	--deep-dev-radius-xl: 16px;
	--deep-dev-radius-full: 9999px;

	--deep-dev-shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, 0.05);
	--deep-dev-shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.08), 0 2px 4px -2px rgba(15, 23, 42, 0.06);
	--deep-dev-shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, 0.08), 0 4px 6px -4px rgba(15, 23, 42, 0.04);
	--deep-dev-shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, 0.08), 0 8px 10px -6px rgba(15, 23, 42, 0.04);

	--deep-dev-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
	--deep-dev-transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
	--deep-dev-transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);

	--deep-dev-z-back-to-top: 50;
	--deep-dev-z-header: 100;
	--deep-dev-z-drawer-backdrop: 200;
	--deep-dev-z-drawer: 210;
	--deep-dev-z-modal: 300;

	--nx-primary: var(--deep-dev-primary);
	--nx-primary-hover: var(--deep-dev-primary-hover);
	--nx-primary-rgb: var(--deep-dev-primary-rgb);
	--nx-secondary: var(--deep-dev-secondary);
	--nx-secondary-hover: var(--deep-dev-secondary-hover);
	--nx-accent: var(--deep-dev-accent);
	--nx-accent-hover: var(--deep-dev-accent-hover);
	--nx-bg: var(--deep-dev-bg);
	--nx-surface: var(--deep-dev-surface);
	--nx-surface-2: var(--deep-dev-surface-2);
	--nx-heading: var(--deep-dev-heading);
	--nx-text: var(--deep-dev-text);
	--nx-muted: var(--deep-dev-muted);
	--nx-border: var(--deep-dev-border);
	--nx-border-hover: var(--deep-dev-border-hover);
	--nx-success: var(--deep-dev-success);
	--nx-warning: var(--deep-dev-warning);
	--nx-error: var(--deep-dev-error);
	--nx-font-body: var(--deep-dev-font-body);
	--nx-font-heading: var(--deep-dev-font-heading);
	--nx-font-mono: var(--deep-dev-font-mono);
	--nx-container: var(--deep-dev-container);
	--nx-content-width: var(--deep-dev-content-width);
	--nx-sidebar-width: var(--deep-dev-sidebar-width);
	--nx-radius-sm: var(--deep-dev-radius-sm);
	--nx-radius-md: var(--deep-dev-radius-md);
	--nx-radius-lg: var(--deep-dev-radius-lg);
	--nx-shadow-sm: var(--deep-dev-shadow-sm);
	--nx-shadow-md: var(--deep-dev-shadow-md);
	--nx-shadow-lg: var(--deep-dev-shadow-lg);
	--nx-transition-fast: var(--deep-dev-transition-fast);
	--nx-transition-base: var(--deep-dev-transition-base);
}