/**
 * Dynamix Business Portal — Design tokens
 * Matches the public homepage palette (index.html / style.css).
 */

:root {
	/* Brand palette */
	--dx-bg:           #0B1220;
	--dx-bg-2:         #0E1729;
	--dx-surface:      #141F36;
	--dx-surface-2:    #1A2743;
	--dx-border:       #243252;
	--dx-accent:       #22D3EE;
	--dx-accent-deep:  #0891B2;
	--dx-accent-hover: #38BDF8;
	--dx-warm:         #F59E0B;
	--dx-success:      #10B981;
	--dx-warning:      #FBBF24;
	--dx-danger:       #EF4444;
	--dx-text:         #E7EEF8;
	--dx-text-muted:   #9FB0C7;
	--dx-text-dim:     #5C7394;

	/* Typography */
	--dx-font-display: 'Sora', system-ui, sans-serif;
	--dx-font-body:    'Inter', system-ui, sans-serif;

	/* Type scale */
	--dx-fs-xs:   0.75rem;
	--dx-fs-sm:   0.875rem;
	--dx-fs-base: 1rem;
	--dx-fs-lg:   1.125rem;
	--dx-fs-xl:   1.25rem;
	--dx-fs-2xl:  1.5rem;
	--dx-fs-3xl:  1.875rem;

	/* Spacing */
	--dx-space-1:  0.25rem;   /*  4px */
	--dx-space-2:  0.5rem;    /*  8px */
	--dx-space-3:  0.75rem;   /* 12px */
	--dx-space-4:  1rem;      /* 16px */
	--dx-space-5:  1.25rem;   /* 20px */
	--dx-space-6:  1.5rem;    /* 24px */
	--dx-space-7:  1.75rem;   /* 28px */
	--dx-space-8:  2rem;      /* 32px */
	--dx-space-9:  2.25rem;   /* 36px */
	--dx-space-10: 2.5rem;    /* 40px */
	--dx-space-12: 3rem;      /* 48px */

	/* Extended type scale */
	--dx-fs-4xl:  2.25rem;
	--dx-fs-5xl:  3rem;

	/* Radius */
	--dx-radius-sm:  4px;
	--dx-radius:     8px;
	--dx-radius-lg:  12px;
	--dx-radius-xl:  16px;
	--dx-radius-full: 9999px;

	/* Shadows */
	--dx-shadow-sm:  0 1px 3px rgba(0,0,0,.4);
	--dx-shadow:     0 4px 16px rgba(0,0,0,.5);
	--dx-shadow-lg:  0 8px 32px rgba(0,0,0,.6);
	--dx-shadow-accent: 0 0 20px rgba(34,211,238,.15);

	/* Z-index */
	--dx-z-base:    1;
	--dx-z-sticky:  100;
	--dx-z-modal:   1000;
	--dx-z-overlay: 2000;

	/* State: work order colors */
	--dx-state-draft:      #5C7394;
	--dx-state-submitted:  var(--dx-warm);
	--dx-state-assigned:   #6366F1;
	--dx-state-accepted:   #8B5CF6;
	--dx-state-progress:   var(--dx-accent);
	--dx-state-review:     #F97316;
	--dx-state-completed:  var(--dx-success);
	--dx-state-archived:   #374151;
	--dx-state-cancelled:  var(--dx-danger);
	--dx-state-delete-req: #B91C1C;
}