/* ─────────────────────────────────────────────────────────────
   Design tokens — Dispatch Console
   Matches the Datawebify portfolio site's design language:
   light background, indigo/violet primary, soft card shadows,
   system sans font stack.
   ───────────────────────────────────────────────────────────── */

:root {
  /* Color — pulled directly from portfolio style.css */
  --bg:            #f9fafb;
  --surface:       #ffffff;
  --surface-raised:#ffffff;
  --border:        #e5e7eb;
  --text:          #1f2937;
  --text-dim:      #4b5563;
  --text-faint:    #6b7280;

  --primary:        #6366f1;
  --primary-bright: #7c7ff2;
  --secondary:      #8b5cf6;
  --gradient-start:#667eea;
  --gradient-end:  #764ba2;

  --signal-green:        #10b981;
  --signal-green-bright: #10b981;
  --signal-orange:       #f59e0b;
  --signal-orange-bright:#f59e0b;
  --signal-red:          #ef4444;
  --signal-blue:         #3b82f6;

  /* Status → color mapping */
  --status-pending:     var(--signal-orange);
  --status-assigned:    var(--primary);
  --status-en-route:    var(--signal-blue);
  --status-in-progress: #ca8a04;
  --status-completed:   var(--signal-green);
  --status-cancelled:   var(--signal-red);
  --status-unassigned:  var(--signal-red);

  /* Type */
  --font-mono: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  --font-sans: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

  --fs-xs:   0.7rem;
  --fs-sm:   0.8125rem;
  --fs-base: 0.9375rem;
  --fs-md:   1.05rem;
  --fs-lg:   1.375rem;
  --fs-xl:   1.75rem;

  /* Spacing */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;

  /* Shape */
  --radius-sm: 5px;
  --radius-md: 10px;
  --radius-lg: 14px;

  /* Motion */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 150ms;
  --dur-med: 320ms;

  /* Shadow, matches portfolio card shadow */
  --shadow-card: 0 4px 6px rgba(0,0,0,0.1);
  --shadow-card-hover: 0 10px 24px rgba(99,102,241,0.15);
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; --dur-med: 0ms; }
}