/* OrthoPiù Back-Office — design tokens (Epic #10).
   Palette clinica blu/teal. Single source of truth per colore/spaziatura/tipografia. */
:root {
  /* Brand */
  --op-primary:#1565C0; --op-primary-hover:#0D4DA0; --op-primary-active:#0A3D80;
  --op-primary-soft:#E8F1FB; --op-primary-border:#B6D4F2;
  --op-secondary:#00897B; --op-secondary-soft:#E0F2F1;

  /* Semantic */
  --op-success:#2E7D32; --op-success-soft:#E6F4EA; --op-success-border:#A6D5AE;
  --op-warning:#B26A00; --op-warning-soft:#FFF3E0; --op-warning-border:#F0C277;
  --op-danger:#C62828;  --op-danger-soft:#FDECEA;  --op-danger-border:#F1B0AB;
  --op-info:#0277BD;    --op-info-soft:#E5F2FB;

  /* Neutrals (cool gray) */
  --op-gray-0:#FFFFFF; --op-gray-50:#F7F9FB; --op-gray-100:#EFF3F7; --op-gray-200:#E2E8EF;
  --op-gray-300:#CBD5E0; --op-gray-400:#94A3B2; --op-gray-500:#64748B; --op-gray-600:#475569;
  --op-gray-700:#334155; --op-gray-800:#1E293B; --op-gray-900:#0F1A2A;

  /* Surfaces / text */
  --op-surface:#FFFFFF; --op-app-bg:var(--op-gray-50);
  --op-text:var(--op-gray-700); --op-text-strong:var(--op-gray-800); --op-text-muted:var(--op-gray-500);
  --op-border:var(--op-gray-200); --op-focus-ring:rgba(21,101,192,.40);

  /* Radius / shadow */
  --op-radius-sm:4px; --op-radius:8px; --op-radius-lg:12px; --op-radius-pill:999px;
  --op-shadow-sm:0 1px 2px rgba(15,26,42,.06);
  --op-shadow:0 2px 8px rgba(15,26,42,.08);
  --op-shadow-md:0 6px 20px rgba(15,26,42,.10);

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

  /* Layout */
  --op-topbar-h:56px; --op-sidebar-w:248px; --op-sidebar-w-collapsed:64px; --op-content-max:1600px;

  /* Typography */
  --op-font:"Inter","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
}

/* Bootstrap 5.3 bridge: i --bs-* puntano ai nostri token */
:root {
  --bs-primary:var(--op-primary); --bs-primary-rgb:21,101,192;
  --bs-secondary:var(--op-secondary); --bs-success:var(--op-success);
  --bs-warning:var(--op-warning); --bs-danger:var(--op-danger); --bs-info:var(--op-info);
  --bs-body-color:var(--op-text); --bs-body-bg:var(--op-app-bg);
  --bs-border-color:var(--op-border); --bs-link-color:var(--op-primary);
  --bs-border-radius:var(--op-radius); --bs-font-sans-serif:var(--op-font);
}