/* Ordix Sync - design tokens (uniche regole CSS custom; il resto e Tailwind utility-first) */
:root {
  --ordix-blue: #2563eb;
  --ordix-blue-dark: #1d4ed8;
  --ordix-blue-tenue: #dbeafe;
  --ordix-slate-900: #0f172a;
  --ordix-slate-700: #334155;
  --ordix-slate-500: #64748b;
  --ordix-slate-300: #cbd5e1;
  --ordix-slate-100: #f1f5f9;
  --ordix-success: #16a34a;
  --ordix-warning: #f59e0b;
  --ordix-error: #dc2626;
}
.ordix-loader { border: 2px solid var(--ordix-slate-300); border-top-color: var(--ordix-blue); border-radius: 50%; width: 1rem; height: 1rem; animation: ordix-spin 0.7s linear infinite; display: inline-block; }
@keyframes ordix-spin { to { transform: rotate(360deg); } }