/* The same semantic palette is used in the room design and native reception UI.
   Occupancy states will be populated by the reservation module, not inferred from cleanliness. */
:root {
  --room-occupied: #c03932;
  --room-occupied-surface: #fce8e6;
  --room-occupied-text: #8a211c;
  --room-free: #287a46;
  --room-free-surface: #e6f2e8;
  --room-free-text: #205b34;
  --room-reserved: #d4a51c;
  --room-reserved-surface: #fff3c4;
  --room-reserved-text: #6c5100;
  --room-dirty: #8b5a3c;
  --room-dirty-surface: #f4e6db;
  --room-dirty-text: #674029;
}
.room .status { background: #ebede8; color: #4b5e55; }
.room.housekeeping-dirty { background: var(--room-dirty-surface); border-left: 4px solid var(--room-dirty); }
.room.housekeeping-dirty .status { background: var(--room-dirty); color: #fff; }