/* ============================================================
 * Nurse role colour v2 — 桃紅 (pink) → 蘇芳 (suō, sappanwood rose)
 * Loaded AFTER tailwind.min.css so it remaps the pink-* utilities the nurse
 * PWA uses (≈50 inline classes) without touching each one. The role var
 * (--xgrid-color-primary) + meta theme-color are set inline in nurse/index.html.
 * Part of xIRS colour system v2 (伝統色). Tom-approved 2026-06-13.
 * ============================================================ */

/* 蘇芳 ramp */
.bg-pink-50  { background-color: #f8f1f2 !important; }
.bg-pink-100 { background-color: #f0e0e3 !important; }
.bg-pink-200 { background-color: #e2c4c9 !important; }
.bg-pink-300 { background-color: #cfa0a8 !important; }
.bg-pink-500 { background-color: #a86670 !important; }
.bg-pink-600 { background-color: #9e5a63 !important; }
.bg-pink-700 { background-color: #834952 !important; }
.bg-pink-800 { background-color: #6b3b43 !important; }

.text-pink-500 { color: #a86670 !important; }
.text-pink-600 { color: #9e5a63 !important; }
.text-pink-700 { color: #834952 !important; }
.text-pink-800 { color: #6b3b43 !important; }

.border-pink-200 { border-color: #e2c4c9 !important; }
.border-pink-300 { border-color: #cfa0a8 !important; }
.border-pink-500 { border-color: #a86670 !important; }
.border-pink-600 { border-color: #9e5a63 !important; }

.hover\:bg-pink-700:hover { background-color: #834952 !important; }
.ring-pink-500 { --tw-ring-color: #a86670 !important; }
.focus\:ring-pink-500:focus { --tw-ring-color: #a86670 !important; }